navbar bg

thefintz · Sep 24, 2024 · 7e0ddc0 · 7e0ddc0
1 parent cadd552
commit 7e0ddc0
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/components/Navbar.vue b/components/Navbar.vue
@@ -1,14 +1,12 @@
 <template>
-  <div>
-    <Menubar :model="items" class="bg-transparent border-transparent">
+    <Menubar :model="items">
       <template #item="{ item, props }">
-        <a v-ripple v-bind="props.action" class="hover:bg-gray-700 rounded-md">
+        <a v-ripple v-bind="props.action">
             <span :class="item.icon" />
             <span>{{ item.label }}</span>
         </a>
       </template>
     </Menubar>
-  </div>
 </template>
 
 <script setup lang="ts">
@@ -50,4 +48,11 @@ const items = ref<Item[]>([HOME, LOGIN]);
 if (status.value === "authenticated") {
   items.value = [HOME, PROFILE, LOGOUT];
 }
-</script>
+</script>
+
+<style scoped>
+.p-menubar {
+    background: transparent;
+    border: none;
+}
+</style>