aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/ui
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-12-05 03:26:51 +0800
committerFred Carlsen <fred@sjelfull.no>2018-12-06 18:58:38 +0800
commit8f5c92b1434df952e19a9ca4718e32a69d8b32ea (patch)
tree0b0cc7b7559500e482e73237f220ced405a49515 /packages/website/ts/components/ui
parent77cc1a95bb23d13f3df10060fd6f18e8739f9d3a (diff)
downloaddexon-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/ui')
-rw-r--r--packages/website/ts/components/ui/container.tsx6
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}` : '')};
}
`;