fix: [GSW-2040] ConnectedSocialLogin Modal UI

gnoswap-labs · Jan 17, 2025 · 42b7be7 · 42b7be7
1 parent f76d978
commit 42b7be7
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/.../src/components/common/connected-social-wallet-modal/ConnectedSocialWalletModal.styles.ts b/.../src/components/common/connected-social-wallet-modal/ConnectedSocialWalletModal.styles.ts
@@ -142,6 +142,9 @@ export const ConnectedSocialWalletModalWrapper = styled.div`
           height: 57px;
           span {
             ${fonts.body7}
+            ${media.mobile} {
+              font-size: 16px;
+            }
           }
         }
         .cancel-button {
@@ -154,9 +157,26 @@ export const ConnectedSocialWalletModalWrapper = styled.div`
             &:hover {
               color: ${({ theme }) => theme.color.text04};
             }
+            ${media.mobile} {
+              font-size: 14px;
+            }
           }
         }
       }
     }
   }
+
+  ${media.mobile} {
+    padding: 12px;
+    width: 328px;
+    .modal-body {
+      gap: 12px;
+      .content {
+        /* gap: 16px; */
+        .button-wrapper {
+          gap: 12px;
+        }
+      }
+    }
+  }
 `;