diff --git a/src/components/CurrencyLogo/index.tsx b/src/components/CurrencyLogo/index.tsx index ea239da..72dc4ab 100644 --- a/src/components/CurrencyLogo/index.tsx +++ b/src/components/CurrencyLogo/index.tsx @@ -13,28 +13,28 @@ const getTokenLogoURL = (address: string) => `https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/${address}/logo.png` const StyledEthereumLogo = styled.img<{ size: string }>` - width: ${({ size }) => size}; - height: ${({ size }) => size}; + width: 30px; + height: 30px; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.075); - border-radius: 24px; + border-radius: 30px; ` const StyledDYPLogo = styled.img<{ size: string }>` - width: 30px; - height: 30px}; + width: 46px; + height: 37px; border-radius: 30px; ` const StyledLogo = styled(Logo)<{ size: string }>` - width: ${({ size }) => size}; - height: ${({ size }) => size}; - border-radius: ${({ size }) => size}; + width: 30px; + height: 30px; + border-radius: 30px; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.075); ` export default function CurrencyLogo({ currency, - size = '24px', + size = '30px', style }: { currency?: Currency diff --git a/src/components/earn/PoolCard.tsx b/src/components/earn/PoolCard.tsx index c0b27dd..8ba41d7 100644 --- a/src/components/earn/PoolCard.tsx +++ b/src/components/earn/PoolCard.tsx @@ -117,7 +117,7 @@ export default function PoolCard({ stakingInfo }: { stakingInfo: StakingInfo }) - + {currency0.symbol}-{currency1.symbol}