update: ExtensionInviteCodeModal on mobile

AmbireTech · Aug 13, 2024 · b7fc05b · b7fc05b
1 parent 4ab227a
commit b7fc05b
Showing 1 changed file with 42 additions and 0 deletions.
diff --git a/src/components/Modals/ExtensionInviteCodeModal/ExtensionInviteCodeModal.module.scss b/src/components/Modals/ExtensionInviteCodeModal/ExtensionInviteCodeModal.module.scss
@@ -251,4 +251,46 @@ $min-modal-height: 34.375rem;
       right: 0.25rem;
     }
   }
+
+  .wrapper {
+    min-height: 30rem;
+  }
+
+  .content {
+    gap: 1rem;
+  }
+  .storeWrapper .storeText,
+  .textWrapper .text {
+    font-size: 0.75rem;
+    margin-bottom: 0.5rem;
+  }
+  .codeWrapper {
+    margin-bottom: 0.5rem;
+
+    .codeTitle {
+      font-size: 0.75rem;
+    }
+    .code {
+      font-size: 1.25rem;
+      margin-bottom: 0.75rem;
+    }
+    .copyButton {
+      padding: 0.5rem 1rem;
+      font-size: 0.75rem;
+      gap: 0.25rem;
+
+      svg {
+        width: 1rem;
+        height: 1rem;
+      }
+    }
+  }
+  .storeWrapper {
+    .storeText {
+      margin-bottom: 1rem;
+    }
+    .storeLink {
+      padding: 0.75rem 2.5rem;
+    }
+  }
 }