diff --git a/src/pages/main.tsx b/src/pages/main.tsx index 86f7e9d..f83ce4a 100644 --- a/src/pages/main.tsx +++ b/src/pages/main.tsx @@ -61,10 +61,9 @@ export default Main; const BalanceContainer = styled.div` color: ${colors.white}; - font-size: ; `; const TokenContainer = styled.div` - // margin-top: 20%; + margin-top: 20%; `; const TokenBalance = styled.text` color: ${colors.white}; @@ -78,6 +77,7 @@ const TokenListBalance = styled.text` const TokenListContainer = styled.div` width: 327px; display: flex; + align-items: center; margin: 0 auto; border-radius: 10px; margin-top: 27px; diff --git a/src/pages/swap.tsx b/src/pages/swap.tsx index 411a7b4..f05bde1 100644 --- a/src/pages/swap.tsx +++ b/src/pages/swap.tsx @@ -124,8 +124,8 @@ const SwapInputContainer = styled.form` display: flex; margin: 0 auto; margin-top: 20px; - text-align: center; margin-bottom: 20px; + text-align: center; border-radius: 15px; background-color: ${colors.white}; align-items: center; @@ -143,12 +143,14 @@ const SendAmountInput = styled.input` justify-content: center; align-items: center; + width: 150px; + background-color: transparent; `; const GasFeeInfo = styled.text` color: ${colors.black}; - font-size: 30px; + font-size: 25px; `; const SetGasLimit = styled.button` width: 291px;