FIX: some fixes

Author: MaxTheGeeek

launcher/public/output.css

@@ -2715,6 +2715,10 @@ video {
   border-top-width: 2px;
 }
 
+.border-t{
+  border-top-width: 1px;
+}
+
 .border-dashed{
   border-style: dashed;
 }
@@ -3394,6 +3398,26 @@ video {
   background-color: rgb(32 34 37 / var(--tw-bg-opacity));
 }
 
+.bg-\[\#36393e\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(54 57 62 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#2d3035\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(45 48 53 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#353a3e\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(53 58 62 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#495056\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(73 80 86 / var(--tw-bg-opacity));
+}
+
 .bg-gradient-to-b{
   background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tw-gradient-stops)));
   background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
@@ -3934,6 +3958,11 @@ video {
   color: rgb(230 228 228 / var(--tw-text-opacity));
 }
 
+.text-amber-200{
+  --tw-text-opacity: 1;
+  color: rgb(253 230 138 / var(--tw-text-opacity));
+}
+
 .placeholder-gray-400\/70::-webkit-input-placeholder{
   color: rgb(156 163 175 / 0.7);
 }

launcher/src/components/UI/node-page/components/logs/LogBody.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="w-full h-full col-start-1 col-span-full row-start-2 row-end-12 grid grid-cols-24 grid-rows-12 bg-[#263238]"
+    class="w-full h-full col-start-1 col-span-full row-start-2 row-end-12 grid grid-cols-24 grid-rows-12 bg-[#2d3035]"
   >
     <LogSidebar />
     <div
@@ -10,13 +10,13 @@
         v-for="(log, index) in limitedLogs"
         :key="index"
         :class="`w-full h-full min-h-11 max-h-12 flex justify-start items-center gap-x-2 px-1 py-2 relative cursor-pointer text-[#e6e4e4] ${
-          index % 2 === 0 ? 'bg-[#2f3337] ' : 'bg-[#202225]'
+          index % 2 === 0 ? 'bg-[#495056] ' : 'bg-[#202225]'
         }  overflow-y-hidden overflow-x-scroll whitespace-pre text-nowrap`"
         @click="copy(log)"
         @mouseenter="hoveredLogIndex = index"
         @mouseleave="hoveredLogIndex = null"
       >
-        <span class="text-md font-semibold text-red-500">#{{ logsList.length - index }}</span>
+        <span class="text-sm font-semibold text-gray-400">#{{ logsList.length - index }}</span>
         <span class="text-sm font-semibold">{{ log }}</span>
         <img
           v-if="hoveredLogIndex === index"

launcher/src/components/UI/node-page/components/logs/LogFooter.vue

@@ -1,8 +1,10 @@
 <template>
-  <div class="w-full h-full col-start-1 col-span-full row-start-12 row-span-1 grid grid-cols-12 bg-[#263238] p-1">
+  <div
+    class="w-full h-full col-start-1 col-span-full row-start-12 row-span-1 grid grid-cols-12 bg-[#2d3035] border-t border-gray-500 p-1"
+  >
     <div class="w-full h-full col-start-1 col-end-6 flex justify-center items-center space-x-2">
       <span class="text-sm text-gray-400 font-semibold">Service ID:</span>
-      <span class="text-gray-200 text-sm font-semibold">
+      <span class="text-amber-200 text-sm font-semibold">
         {{ client?.config?.serviceID }}
       </span>
     </div>
@@ -16,9 +18,9 @@
       />
     </div>
     <div
-      class="w-full h-full col-start-8 col-span-full flex justify-center items-center border border-gray-400 rounded-md"
+      class="w-full h-full col-start-8 col-span-full flex justify-center items-center border border-gray-400 rounded-md bg-gray-200"
     >
-      <div class="w-8 flex justify-evenly items-center px-1 relative bg-[#263238] rounded-sm">
+      <div class="w-8 flex justify-evenly items-center px-1 relative bg-gray-200 rounded-sm">
         <svg
           aria-hidden="true"
           class="w-5 h-5 text-gray-500 dark:text-gray-400"
@@ -36,7 +38,7 @@
       <input
         v-model="nodeStore.searchLogs"
         type="search"
-        class="z-10 text-gray-400 text-sm rounded-full block w-full px-2 py-1 placeholder-gray-500 bg-transparent"
+        class="z-10 text-gray-700 text-sm rounded-full block w-full px-2 py-1 placeholder-gray-500 bg-transparent"
         placeholder="Search"
       />
     </div>

launcher/src/components/UI/node-page/components/logs/LogHeader.vue

@@ -1,18 +1,20 @@
 <template>
-  <div class="w-full h-full col-start-1 col-span-full row-start-1 row-end-2 grid grid-cols-12 bg-[#263238]">
+  <div
+    class="w-full h-full col-start-1 col-span-full row-start-1 row-end-2 grid grid-cols-12 bg-[#2d3035] border-b border-gray-500"
+  >
     <div class="w-full h-full col-start-2 col-end-5 flex justify-start items-center space-x-2">
       <img class="w-7 h-7" :src="client.sIcon" alt="Service Icon" @mousedown.prevent />
       <div class="text-gray-200 text-lg font-semibold">{{ client.name }}</div>
     </div>
     <div class="w-full h-full col-start-5 col-end-8 flex justify-center items-center space-x-2">
       <span class="text-sm text-[#dee3e3] font-semibold">Category:</span>
-      <span class="text-amber-300 text-md font-semibold capitalize">
+      <span class="text-amber-200 text-md font-semibold capitalize">
         {{ client?.category }}
       </span>
     </div>
     <div class="w-full h-full col-start-8 col-end-11 flex justify-center items-center space-x-2">
       <span class="text-sm text-[#dee3e3] font-semibold">Version:</span>
-      <span class="text-amber-300 text-md font-semibold">
+      <span class="text-amber-200 text-md font-semibold">
         {{ client?.config?.imageVersion }}
       </span>
     </div>

launcher/src/components/UI/staking-page/components/list/ListBody.vue

@@ -205,8 +205,8 @@ watch(
   () => stakingStore.keys.length,
   async (newLength, oldLength) => {
     if (newLength !== oldLength) {
-      removeDuplicatedDoppelgangerKeys();
       await listKeys();
+      removeDuplicatedDoppelgangerKeys();
     }
   }
 );