fix: resolve missing bg color on hover for projects nav on production

tmthyadms · Oct 15, 2023 · a34a8dd · a34a8dd
1 parent b3ad425
commit a34a8dd
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/components/the-header.vue b/components/the-header.vue
@@ -50,7 +50,7 @@
           </label>
           <ul tabindex="0" class="dropdown-content menu menu-design p-2 w-52">
             <li v-for="(subsection, index) in section.type" :key="index">
-              <a :href="subsection.href" class="font-semibold uppercase">{{
+              <a :href="subsection.href" class="subsection-desktop">{{
                 subsection.title
               }}</a>
             </li>
@@ -173,4 +173,8 @@ export default {
 .menu-design {
   @apply bg-base-100 rounded-box shadow-inner;
 }
+
+.subsection-desktop {
+  @apply hover:bg-base-content/[0.1] font-semibold uppercase;
+}
 </style>