From 12f5af60f6a70db62810bf6b712487a135e9bb57 Mon Sep 17 00:00:00 2001
From: Salvatore Di Salvo <salvatore.disalvo@cardanofoundation.org>
Date: Wed, 17 Apr 2024 09:29:05 +0100
Subject: [PATCH] fix: responsiveness & state management

---
 .../CreateIdentifier/CreateIdentifier.scss     | 14 +++++++++++++-
 .../CreateIdentifier/CreateIdentifier.tsx      | 18 ++++++++++--------
 2 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/src/ui/components/CreateIdentifier/CreateIdentifier.scss b/src/ui/components/CreateIdentifier/CreateIdentifier.scss
index abea95926..6cc10144d 100644
--- 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
index 1d603f3a5..09e9bb6cc 100644
--- 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>
   );
 };