diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-12-05 03:26:51 +0800 |
|---|---|---|
| committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-06 18:58:38 +0800 |
| commit | 8f5c92b1434df952e19a9ca4718e32a69d8b32ea (patch) | |
| tree | 0b0cc7b7559500e482e73237f220ced405a49515 /packages/website/ts/components | |
| parent | 77cc1a95bb23d13f3df10060fd6f18e8739f9d3a (diff) | |
| download | dexon-sol-tools-8f5c92b1434df952e19a9ca4718e32a69d8b32ea.tar dexon-sol-tools-8f5c92b1434df952e19a9ca4718e32a69d8b32ea.tar.gz dexon-sol-tools-8f5c92b1434df952e19a9ca4718e32a69d8b32ea.tar.bz2 dexon-sol-tools-8f5c92b1434df952e19a9ca4718e32a69d8b32ea.tar.lz dexon-sol-tools-8f5c92b1434df952e19a9ca4718e32a69d8b32ea.tar.xz dexon-sol-tools-8f5c92b1434df952e19a9ca4718e32a69d8b32ea.tar.zst dexon-sol-tools-8f5c92b1434df952e19a9ca4718e32a69d8b32ea.zip | |
fix: make select box-shadow darker
Diffstat (limited to 'packages/website/ts/components')
| -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}` : '')}; } `; |