Merge pull request #265 from torusresearch/feat/whitelbale-fix

whitelabel fixes for vue-example
Web3Auth · Oct 18, 2023 · e4c0e54 · e4c0e54
2 parents f0b9417 + 669a4f4
commit e4c0e54
Show file tree

Hide file tree

Showing 5 changed files with 640 additions and 610 deletions.
diff --git a/examples/vue-example/package-lock.json b/examples/vue-example/package-lock.json
diff --git a/examples/vue-example/src/App.css b/examples/vue-example/src/App.css
@@ -21,7 +21,7 @@ body,
   align-items: center;
   width: 100%;
   height: 100%;
-  margin-top: 150px;
+  margin-top: 50px;
   justify-content: center;
 }
 
@@ -176,7 +176,7 @@ body,
   display: flex;
   flex-direction: column;
   height: calc(100vh - 186px);
-  width: 582px;
+  width: 600px;
   @media (width < 780px) {
     width: 100%;
     height: auto;
@@ -256,7 +256,7 @@ body,
 
   font-style: normal;
   font-weight: 500;
-  font-size: 16px;
+  font-size: 14px;
   line-height: 17px;
   letter-spacing: -0.02em;
   color: #6f717a;

diff --git a/examples/vue-example/src/App.vue b/examples/vue-example/src/App.vue
@@ -67,12 +67,18 @@
           <div class="flex flex-col sm:flex-row gap-4 bottom-gutter">
             <button class="btn" @click="getUserInfo">Get user info</button>
             <button class="btn" @click="getOpenloginState">Get openlogin state</button>
+            <!-- <button class="btn" @click="getEd25519Key">Get Ed25519Key</button> -->
+          </div>
+          <div class="flex flex-col sm:flex-row gap-4 bottom-gutter">
             <button class="btn" @click="getEd25519Key">Get Ed25519Key</button>
           </div>
           <p class="btn-label">Signing</p>
           <div class="flex flex-col sm:flex-row gap-4 bottom-gutter">
             <button class="btn" :disabled="!ethereumPrivateKeyProvider?.provider" @click="signMessage">Sign test Eth Message</button>
             <button class="btn" :disabled="!ethereumPrivateKeyProvider?.provider" @click="signMpcMessage">Sign test Eth Message (MPC)</button>
+            <!-- <button class="btn" :disabled="!ethereumPrivateKeyProvider?.provider" @click="latestBlock">Fetch latest block</button> -->
+          </div>
+          <div class="flex flex-col sm:flex-row gap-4 bottom-gutter">
             <button class="btn" :disabled="!ethereumPrivateKeyProvider?.provider" @click="latestBlock">Fetch latest block</button>
           </div>
           <div class="flex flex-col sm:flex-row gap-4 bottom-gutter">

diff --git a/examples/vue-example/src/lib/whitelabel.ts b/examples/vue-example/src/lib/whitelabel.ts
@@ -2,10 +2,10 @@ import { WhiteLabelData } from "@toruslabs/openlogin-utils";
 
 export default {
   name: "HelloDemo",
-  url: "http://localhost:8080",
+  appUrl: "http://localhost:8080",
   logoDark: "https://images.web3auth.io/example-hello.svg", // dark logo for light background
   logoLight: "https://images.web3auth.io/example-hello-light.svg", // light logo for dark background
-  dark: true,
+  mode: "auto",
   theme: {
     primary: "#FF9900",
   },