fix: spacing fix on authentication modal

masa-finance · Oct 5, 2023 · a925490 · a925490
1 parent b237b28
commit a925490
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/src/scss/modal.scss b/src/scss/modal.scss
@@ -40,6 +40,7 @@
     font-family: Ezra;
     font-size: 30px;
     word-wrap: break-word;
+    line-height: 1.5;
   }
 
   .masa-spinner {
@@ -535,6 +536,10 @@
     .dont-have-a-wallet {
       padding-top: 0;
     }
+
+    .loading {
+      height: 70%;
+    }
   }
 
   .interface-error-modal {

diff --git a/src/ui/components/modals/ModalLoading.tsx b/src/ui/components/modals/ModalLoading.tsx
@@ -3,7 +3,7 @@ import { Spinner } from '../spinner';
 
 export const ModalLoading = ({ titleText }: { titleText?: ReactNode }) => (
   <section className="interface-connected">
-    <section>
+    <section className="loading">
       <h3 className="title">{titleText}</h3>
       <Spinner />
     </section>

diff --git a/src/ui/components/modals/authenticate/connected-view.tsx b/src/ui/components/modals/authenticate/connected-view.tsx
@@ -36,7 +36,7 @@ const ConnectedView = ({
   return (
     <Modal>
       <section className="interface-connected">
-        <section>
+        <section className="loading">
           <h3 className="title">{titleText}</h3>
           <Spinner />
         </section>