From ed84eeb88aa86328eb0913bf91d5e37d1bf0016a Mon Sep 17 00:00:00 2001 From: Remi PLANEL <rplanel@pasteur.fr> Date: Wed, 10 May 2023 17:06:35 +0200 Subject: [PATCH] Navigation density compact + nav define for v-list --- components/Nav/Navbar.vue | 5 ++--- components/Nav/Navigation.vue | 2 -- 2 files changed, 2 insertions(+), 5 deletions(-) diff --git a/components/Nav/Navbar.vue b/components/Nav/Navbar.vue index ed9146b9..7cb80325 100644 --- a/components/Nav/Navbar.vue +++ b/components/Nav/Navbar.vue @@ -7,14 +7,13 @@ <v-toolbar-title>Microbial Warefare</v-toolbar-title> <v-btn @click="toggleTheme">toggle theme</v-btn> </v-app-bar> - <v-navigation-drawer v-model="drawer"> + <v-navigation-drawer v-model="drawer" :border="0"> <v-card flat> - <v-list> + <v-list nav density="compact" :lines="false"> <NavNavigation :navigation="navigation" /> </v-list> </v-card> </v-navigation-drawer> - </template> <script setup lang="ts"> import { useTheme } from "vuetify"; diff --git a/components/Nav/Navigation.vue b/components/Nav/Navigation.vue index b2c227d9..5272157c 100644 --- a/components/Nav/Navigation.vue +++ b/components/Nav/Navigation.vue @@ -13,7 +13,6 @@ const props = defineProps<{ <template v-slot:activator="{ props }"> <v-list-item v-bind="props" - nav :title="navItem.title" active-color="primary" ></v-list-item> @@ -22,7 +21,6 @@ const props = defineProps<{ </v-list-group> <template v-else> <v-list-item - nav :title="navItem.title" :value="navItem.title" :to="navItem._path" -- GitLab