ทะเบียนประวัติ

src/modules/04_registryNew/components/detail/TabMain.vue

@@ -46,6 +46,7 @@ const splitterModel = ref<number>(12);
     <template v-slot:before>
       <q-tabs v-model="store.tabMain" vertical class="text-blue">
         <q-tab
+          class="hover-tab"
           v-for="(tab, index) in itemsTab"
           :key="index"
           :name="tab.name"
@@ -80,4 +81,9 @@ const splitterModel = ref<number>(12);
   </q-splitter>
 </template>
 
-<style scoped></style>
+<style scoped>
+.hover-tab:hover {
+  background-color: #0793f1;
+  color: white !important;
+}
+</style>