Fix pool cards width (#262)

* update pool cards grid to 3 columns maximum * fix rewards spacing
Wasmswap · Sep 17, 2022 · bfe3449 · bfe3449
1 parent 5c667cd
commit bfe3449
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 6 deletions.
diff --git a/features/liquidity/components/PoolCard.tsx b/features/liquidity/components/PoolCard.tsx
@@ -123,7 +123,7 @@ export const PoolCard = ({
                 <Text variant="legend" color="secondary" align="center">
                   Rewards
                 </Text>
-                <StyledDivForTokenLogos css={{ paddingTop: '0' }}>
+                <StyledDivForTokenLogos css={{ padding: '$1' }}>
                   {rewardsTokens.map((token) => (
                     <ImageForTokenLogo
                       key={token.symbol}

diff --git a/pages/pools/index.tsx b/pages/pools/index.tsx
@@ -197,14 +197,10 @@ const useSortControllers = () => {
 
 const StyledDivForPoolsGrid = styled('div', {
   display: 'grid',
-  gridTemplateColumns: '1fr 1fr 1fr 1fr',
+  gridTemplateColumns: '1fr 1fr 1fr',
   columnGap: '$8',
   rowGap: '$8',
 
-  '@media (max-width: 1550px)': {
-    gridTemplateColumns: '1fr 1fr 1fr',
-  },
-
   '@media (max-width: 1360px)': {
     gridTemplateColumns: '1fr 1fr',
     columnGap: '$10',