fix: resolve search result missing nav bg color on prod

tmthyadms · Nov 21, 2023 · 1bbdd1c · 1bbdd1c
1 parent 2b9c635
commit 1bbdd1c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 15 deletions.
diff --git a/components/search-menu.vue b/components/search-menu.vue
@@ -1,8 +1,10 @@
 <template>
-  <ul class="menu bg-base-100 rounded-box app-border shadow-inner">
+  <ul class="menu app-menu app-border">
     <template v-for="(result, index) in newResults">
       <li :key="index" :id="`search-item-${index}`">
-        <a role="button" :href="result.href">{{ result.title }}</a>
+        <a role="button" :href="result.href" class="menu-fix">{{
+          result.title
+        }}</a>
       </li>
     </template>
   </ul>

diff --git a/components/the-header.vue b/components/the-header.vue
@@ -14,7 +14,7 @@
         /></label>
         <ul
           tabindex="0"
-          class="dropdown-content menu menu-design app-border p-2 w-52"
+          class="dropdown-content menu app-menu app-border p-2 w-52"
         >
           <li v-for="(section, index) in sections" :key="index">
             <template v-if="section?.type">
@@ -51,10 +51,10 @@
           </label>
           <ul
             tabindex="0"
-            class="dropdown-content menu menu-design app-border mt-1 p-2 w-52"
+            class="dropdown-content menu app-menu app-border mt-1 p-2 w-52"
           >
             <li v-for="(subsection, index) in section.type" :key="index">
-              <a :href="subsection.href" class="subsection-desktop">{{
+              <a :href="subsection.href" class="menu-fix font-medium">{{
                 subsection.title
               }}</a>
             </li>
@@ -169,13 +169,3 @@ export default {
   },
 };
 </script>
-
-<style scoped>
-.menu-design {
-  @apply bg-base-100 rounded-box shadow-inner;
-}
-
-.subsection-desktop {
-  @apply hover:bg-base-content/[0.1] font-medium;
-}
-</style>