Set create idos key for create flow

idos-network · May 28, 2024 · 0755d04 · 0755d04
1 parent 1c0c88a
commit 0755d04
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 3 deletions.
diff --git a/apps/idos-enclave/index.html b/apps/idos-enclave/index.html
@@ -31,6 +31,14 @@
       content: "Unlocking...";
     }
 
+    button#unlock.create::before {
+      content: "🔐 Create idOS Key";
+    }
+
+    button#unlock.create:disabled::before {
+      content: "Creating...";
+    }
+
     button#confirm::before {
       content: "👀 See request";
     }
@@ -48,9 +56,9 @@
 <body>
   <div id="container" class="w-screen h-screen">
     <button id="unlock"
-      class="w-full h-full px-[5%] py-[2%] bg-[#00ffb9] text-[43cqmin] transition-colors hover:bg-green-300 rounded-lg text-zinc-950 font-medium"></button>
+      class="w-full h-full px-[5%] py-[2%] bg-[#00ffb9] text-[41cqmin] transition-colors hover:bg-green-300 rounded-lg text-zinc-950 font-medium"></button>
     <button id="confirm"
-      class="w-full h-full px-[5%] py-[2%] bg-[#00ffb9] text-[43cqmin] transition-colors hover:bg-green-300 rounded-lg text-zinc-950 font-medium"></button>
+      class="w-full h-full px-[5%] py-[2%] bg-[#00ffb9] text-[41cqmin] transition-colors hover:bg-green-300 rounded-lg text-zinc-950 font-medium"></button>
   </div>
 
   <script type="module" src="/src/main.ts"></script>

diff --git a/apps/idos-enclave/src/lib/enclave.js b/apps/idos-enclave/src/lib/enclave.js
@@ -221,6 +221,12 @@ export class Enclave {
 
   async configure(mode, theme) {
     this.configuration = { mode, theme };
+
+    if (mode === "new") {
+      this.unlockButton.classList.add("create");
+    } else {
+      this.unlockButton.classList.remove("create");
+    }
   }
 
   messageParent(message) {

diff --git a/apps/idos-example-dapp/src/styles.css b/apps/idos-example-dapp/src/styles.css
@@ -74,7 +74,7 @@ div#idos-wrapper::after {
 }
 
 div#idos-wrapper > #idos-container {
-  width: 140px;
+  width: 160px;
 }
 
 div#terminal {