diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-11-07 07:59:16 +0800 |
|---|---|---|
| committer | fragosti <francesco.agosti93@gmail.com> | 2018-11-07 07:59:16 +0800 |
| commit | 10da1e24e13b728c2837e5360a48fcb2913855a5 (patch) | |
| tree | 6e2421617a5ac499ea1224ba50b99120dc6b2ca0 /packages/instant/src/components/ui/circle.tsx | |
| parent | 42c441fafa0a0c2de45904a2f67293152dd954b2 (diff) | |
| download | dexon-0x-contracts-10da1e24e13b728c2837e5360a48fcb2913855a5.tar.gz dexon-0x-contracts-10da1e24e13b728c2837e5360a48fcb2913855a5.tar.zst dexon-0x-contracts-10da1e24e13b728c2837e5360a48fcb2913855a5.zip | |
feat: make instant resistant to external styles
Diffstat (limited to 'packages/instant/src/components/ui/circle.tsx')
| -rw-r--r-- | packages/instant/src/components/ui/circle.tsx | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/packages/instant/src/components/ui/circle.tsx b/packages/instant/src/components/ui/circle.tsx index eec2777d2..26764ec71 100644 --- a/packages/instant/src/components/ui/circle.tsx +++ b/packages/instant/src/components/ui/circle.tsx @@ -9,10 +9,12 @@ export const Circle = styled.div < CircleProps > ` - width: ${props => props.diameter}px; - height: ${props => props.diameter}px; - background-color: ${props => props.fillColor}; - border-radius: 50%; + && { + width: ${props => props.diameter}px; + height: ${props => props.diameter}px; + background-color: ${props => props.fillColor}; + border-radius: 50%; + } `; Circle.displayName = 'Circle'; |