declutter network selector

integritee-network · Oct 30, 2024 · aaa64f7 · aaa64f7
1 parent f05b26d
commit aaa64f7
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
@@ -411,6 +411,7 @@ a {
   --integritee-blue: #1845b9;
   --integritee-green: #24ad7c;
   --integritee-red: #ff4d4d;
+  --integritee-gray: #696868;
 }
 
 .incognitee-bg {

diff --git a/components/ui/NetworkSelector.vue b/components/ui/NetworkSelector.vue
@@ -12,13 +12,10 @@
       @mouseover="teerHover = true"
       @mouseleave="teerHover = false"
       @click="handleTeerClick"
+      title="Integritee Network"
     >
       <TEER class="w-[30px] h-[30px]" />
       <p class="text-xs">TEER</p>
-      <span
-        class="inline-flex items-center rounded-lg bg-gray-100 px-1.5 py-0.5 text-[10px] font-medium text-gray-600"
-        >soon</span
-      >
       <div class="ribbon red"><span>beta</span></div>
     </div>
 
@@ -32,23 +29,22 @@
       @mouseover="pasHover = true"
       @mouseleave="pasHover = false"
       @click="handlePasClick"
+      title="Paseo Testnet"
     >
       <Paseo class="w-[30px] h-[30px]" />
-      <p class="text-xs">PAS<br />PASEO</p>
+      <p class="text-xs">PAS</p>
       <div class="ribbon blue"><span>test</span></div>
     </div>
 
     <!-- USDC Box -->
     <div
       class="currency-box gap-2 p-3 basis-1/3 relative"
       @click="openAssetsInfo"
+      title="USDC on Asset Hub"
     >
       <USDC class="w-[30px] h-[30px]" />
       <p class="text-xs">USDC</p>
-      <span
-        class="inline-flex items-center rounded-lg bg-gray-100 px-1.5 py-0.5 text-[10px] font-medium text-gray-600"
-        >soon</span
-      >
+      <div class="ribbon gray"><span>soon</span></div>
     </div>
   </div>
 </template>
@@ -146,4 +142,8 @@ const handlePasClick = () => {
 .ribbon.blue span {
   background-color: var(--integritee-blue);
 }
+
+.ribbon.gray span {
+  background-color: var(--integritee-gray);
+}
 </style>