fix: responsiveness & state management

cardano-foundation · Apr 17, 2024 · 12f5af6 · 12f5af6
1 parent 5b5348c
commit 12f5af6
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 9 deletions.
diff --git a/src/ui/components/CreateIdentifier/CreateIdentifier.scss b/src/ui/components/CreateIdentifier/CreateIdentifier.scss
@@ -90,7 +90,7 @@ ion-modal.create-identifier-modal {
       width: 70vw !important;
       height: 70vw !important;
       padding: 1.5rem;
-      margin: 1rem auto;
+      margin: 0.8rem auto;
       border-radius: 1rem;
     }
 
@@ -517,6 +517,18 @@ ion-modal.create-identifier-modal {
       p.multisig-subtitle {
         padding: 0 2rem;
       }
+
+      #react-qrcode-logo,
+      .multisig-share-qr-code-blur-overlay-container {
+        width: 68vw !important;
+        height: 68vw !important;
+        padding: 1.2rem;
+        margin: 0.5rem auto;
+      }
+
+      .multisig-share-qr-code-blur-overlay-container {
+        left: calc(50% - 34vw);
+      }
     }
 
     ion-toolbar.page-footer {

diff --git a/src/ui/components/CreateIdentifier/CreateIdentifier.tsx b/src/ui/components/CreateIdentifier/CreateIdentifier.tsx
@@ -76,14 +76,16 @@ const CreateIdentifier = ({
           <IonSpinner name="circular" />
         </div>
       )}
-      <CurrentStage
-        state={state}
-        setState={setState}
-        componentId={componentId}
-        resetModal={resetModal}
-        setBlur={setBlur}
-        resumeMultiSig={resumeMultiSig}
-      />
+      {modalIsOpen && (
+        <CurrentStage
+          state={state}
+          setState={setState}
+          componentId={componentId}
+          resetModal={resetModal}
+          setBlur={setBlur}
+          resumeMultiSig={resumeMultiSig}
+        />
+      )}
     </IonModal>
   );
 };