diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-07-03 08:26:48 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-07-03 08:26:48 +0800 |
commit | a5231df6d9d8c9b89431df2e4674f46d307f6d80 (patch) | |
tree | ad34f5ebe57f30c912d2f021f3298c22220dd6b9 /packages/website/ts/components/relayer_index/relayer_grid_tile.tsx | |
parent | 73e81c62fb2e902cb7252410fe162e8f2ba2596b (diff) | |
download | dexon-sol-tools-a5231df6d9d8c9b89431df2e4674f46d307f6d80.tar dexon-sol-tools-a5231df6d9d8c9b89431df2e4674f46d307f6d80.tar.gz dexon-sol-tools-a5231df6d9d8c9b89431df2e4674f46d307f6d80.tar.bz2 dexon-sol-tools-a5231df6d9d8c9b89431df2e4674f46d307f6d80.tar.lz dexon-sol-tools-a5231df6d9d8c9b89431df2e4674f46d307f6d80.tar.xz dexon-sol-tools-a5231df6d9d8c9b89431df2e4674f46d307f6d80.tar.zst dexon-sol-tools-a5231df6d9d8c9b89431df2e4674f46d307f6d80.zip |
Add media query abstraction around ScreenWidths and stop relayer grid hover effect on mobile
Diffstat (limited to 'packages/website/ts/components/relayer_index/relayer_grid_tile.tsx')
-rw-r--r-- | packages/website/ts/components/relayer_index/relayer_grid_tile.tsx | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx b/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx index b26bf512b..20594e5ca 100644 --- a/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx +++ b/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx @@ -9,6 +9,7 @@ import { Container } from 'ts/components/ui/container'; import { Image } from 'ts/components/ui/image'; import { Island } from 'ts/components/ui/island'; import { colors } from 'ts/style/colors'; +import { media } from 'ts/style/media'; import { styled } from 'ts/style/theme'; import { WebsiteBackendRelayerInfo } from 'ts/types'; import { utils } from 'ts/utils/utils'; @@ -111,6 +112,9 @@ const GridTile = styled(PlainGridTile)` &:hover { transform: translate(0px, -3px); } + ${media.small` + transform: none; + `}; `; interface SectionProps { |