Design: fix styles

team-byof · May 20, 2023 · df00cf1 · df00cf1
1 parent b5a5d39
commit df00cf1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git 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
@@ -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;