UI: replace Obscuro logos with Ten

tools/obscuroscan_v2/frontend/src/views/NavbarView.vue

@@ -2,52 +2,65 @@
   <header>
     <el-container class="align-vertical">
       <el-main>
-    <el-row justify="space-around">
-      <el-col :span="2" >
-        <img src="@/assets/imgs/obscuro.svg" alt="obscu.ro" class="header-image"  style="max-height: 5vh;"/>
-      </el-col>
-      <el-col :span="10" :offset="7">
-        <nav class="nav-bar">
-          <el-radio-group size="default">
-            <RouterLink to="/">  <el-button link class="paddedTop"> Home</el-button></RouterLink>
-            <RouterLink to="/personal">  <el-button link class="paddedTop">Personal</el-button></RouterLink>
-            <el-button link class="paddedTop">
-              <el-dropdown>
-                <span class="el-dropdown-link">
-                  Blockchain
-                </span>
-                <template #dropdown>
-                  <el-dropdown-menu>
-                    <RouterLink to="/transactions"> <el-dropdown-item>Transactions</el-dropdown-item></RouterLink>
-                    <RouterLink to="/batches"> <el-dropdown-item>Batches</el-dropdown-item></RouterLink>
-                    <RouterLink to="/blocks"> <el-dropdown-item>Blocks</el-dropdown-item></RouterLink>
-                  </el-dropdown-menu>
-                </template>
-              </el-dropdown>
-              </el-button>
-            <el-button link class="paddedTop" style="margin: 0px">
-              <el-dropdown>
-                <span class="el-dropdown-link">
-                  Resources
-                </span>
-                <template #dropdown>
-                  <el-dropdown-menu>
-                    <RouterLink to="/decrypt"> <el-dropdown-item>Decrypt</el-dropdown-item></RouterLink>
-                    <RouterLink to="/verified"> <el-dropdown-item>Verified Data</el-dropdown-item></RouterLink>
-                  </el-dropdown-menu>
-                </template>
-              </el-dropdown>
-            </el-button>
-          </el-radio-group>
-        </nav>
-      </el-col>
-      <el-col :span="5" >
-        <meta-mask-connect-button />
-      </el-col>
-<!--      <el-col :span="4" >-->
-<!--        <search-bar-item />-->
-<!--      </el-col>-->
-    </el-row>
+        <el-row justify="space-around">
+          <el-col :span="2">
+            <img
+              src="@/assets/imgs/ten.svg"
+              alt="obscu.ro"
+              class="header-image"
+              style="max-height: 5vh"
+            />
+          </el-col>
+          <el-col :span="10" :offset="7">
+            <nav class="nav-bar">
+              <el-radio-group size="default">
+                <RouterLink to="/"> <el-button link class="paddedTop"> Home</el-button></RouterLink>
+                <RouterLink to="/personal">
+                  <el-button link class="paddedTop">Personal</el-button></RouterLink
+                >
+                <el-button link class="paddedTop">
+                  <el-dropdown>
+                    <span class="el-dropdown-link"> Blockchain </span>
+                    <template #dropdown>
+                      <el-dropdown-menu>
+                        <RouterLink to="/transactions">
+                          <el-dropdown-item>Transactions</el-dropdown-item></RouterLink
+                        >
+                        <RouterLink to="/batches">
+                          <el-dropdown-item>Batches</el-dropdown-item></RouterLink
+                        >
+                        <RouterLink to="/blocks">
+                          <el-dropdown-item>Blocks</el-dropdown-item></RouterLink
+                        >
+                      </el-dropdown-menu>
+                    </template>
+                  </el-dropdown>
+                </el-button>
+                <el-button link class="paddedTop" style="margin: 0px">
+                  <el-dropdown>
+                    <span class="el-dropdown-link"> Resources </span>
+                    <template #dropdown>
+                      <el-dropdown-menu>
+                        <RouterLink to="/decrypt">
+                          <el-dropdown-item>Decrypt</el-dropdown-item></RouterLink
+                        >
+                        <RouterLink to="/verified">
+                          <el-dropdown-item>Verified Data</el-dropdown-item></RouterLink
+                        >
+                      </el-dropdown-menu>
+                    </template>
+                  </el-dropdown>
+                </el-button>
+              </el-radio-group>
+            </nav>
+          </el-col>
+          <el-col :span="5">
+            <meta-mask-connect-button />
+          </el-col>
+          <!--      <el-col :span="4" >-->
+          <!--        <search-bar-item />-->
+          <!--      </el-col>-->
+        </el-row>
       </el-main>
     </el-container>
   </header>
@@ -76,5 +89,4 @@ export default {
 .paddedTop {
   padding: 10px;
 }
-
 </style>

tools/walletextension/api/staticOG/index.html

@@ -26,7 +26,7 @@
 
   <body>
     <div class="container-fluid">
-      <img src="obscuro.svg" alt="Obscuro logo" class="logo" />
+      <img src="ten.svg" alt="Ten logo" class="logo" />
     </div>
 
     <div class="spinner" id="spinner"></div>

tools/walletextension/api/staticOG/style.css

@@ -19,7 +19,10 @@ ol li {
 }
 
 .logo {
+  width: 100px;
   height: 100px;
+  object-fit: contain;
+  padding: 10px;
 }
 
 .begin-box {