diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-12-05 03:26:51 +0800 |
|---|---|---|
| committer | fragosti <francesco.agosti93@gmail.com> | 2018-12-05 03:26:51 +0800 |
| commit | b7d804e9491349ca2ec61b812e744e1739542edd (patch) | |
| tree | cac3abf6d988679a7d33324c5800819f91d3e948 | |
| parent | f576f78b4a18e45ff2ed55ab840c0bacce87ad7c (diff) | |
| download | dexon-sol-tools-b7d804e9491349ca2ec61b812e744e1739542edd.tar dexon-sol-tools-b7d804e9491349ca2ec61b812e744e1739542edd.tar.gz dexon-sol-tools-b7d804e9491349ca2ec61b812e744e1739542edd.tar.bz2 dexon-sol-tools-b7d804e9491349ca2ec61b812e744e1739542edd.tar.lz dexon-sol-tools-b7d804e9491349ca2ec61b812e744e1739542edd.tar.xz dexon-sol-tools-b7d804e9491349ca2ec61b812e744e1739542edd.tar.zst dexon-sol-tools-b7d804e9491349ca2ec61b812e744e1739542edd.zip | |
fix: make select box-shadow darker
| -rw-r--r-- | packages/website/ts/components/ui/container.tsx | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/packages/website/ts/components/ui/container.tsx b/packages/website/ts/components/ui/container.tsx index 4b76ce8be..c2ae9ad9c 100644 --- a/packages/website/ts/components/ui/container.tsx +++ b/packages/website/ts/components/ui/container.tsx @@ -77,15 +77,17 @@ export const PlainContainer: React.StatelessComponent<ContainerProps> = props => ); }; +const BOX_SHADOW = '0px 3px 10px rgba(0, 0, 0, 0.3)'; + export const Container = styled(PlainContainer)` box-sizing: border-box; - ${props => (props.hasBoxShadow ? `box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1)` : '')}; + ${props => (props.hasBoxShadow ? `box-shadow: ${BOX_SHADOW}` : '')}; &:hover { ${props => props.shouldDarkenOnHover ? `background-color: ${props.backgroundColor ? darken(0.05, props.backgroundColor) : 'none'} !important` : ''}; - ${props => (props.shouldAddBoxShadowOnHover ? 'box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1)' : '')}; + ${props => (props.shouldAddBoxShadowOnHover ? `box-shadow: ${BOX_SHADOW}` : '')}; } `; |