diff --git a/components/Nav/Navbar.vue b/components/Nav/Navbar.vue index 06fdd172676f58328b192d135ff763f5d640032c..b623a21c1c38f219658244956e1f5f6024269b55 100644 --- a/components/Nav/Navbar.vue +++ b/components/Nav/Navbar.vue @@ -1,32 +1,20 @@ <template> - <v-app-bar :elevation="0" border density="prominent"> + <v-app-bar :elevation="0" border density="prominent" scroll-behavior="hide"> <template #prepend> <v-app-bar-nav-icon @click.stop="drawer = !drawer"></v-app-bar-nav-icon> <!-- <Logo height="45px" /> --> </template> <v-app-bar-title> <span class="d-flex align-center"> - <span class="text-medium-emphasis" - >Knowledge database of all known anti-phage systems by </span - ><span></span> + Knowledge database of all known anti-phage systems by </span> </v-app-bar-title> <template #append v-if="!mobile"> - <v-btn - v-for="section in sections" - :key="section.id" - color="primary" - :href="section.href" - > + <v-btn v-for="section in sections" :key="section.id" color="primary" :href="section.href"> {{ section.label }} </v-btn> - <v-btn - @click="toggleTheme" - color="primary" - :icon=" - theme.global.current.value.dark ? 'md:light_mode' : 'md:dark_mode' - " - ></v-btn> + <v-btn @click="toggleTheme" color="primary" :icon="theme.global.current.value.dark ? 'md:light_mode' : 'md:dark_mode' + "></v-btn> </template> </v-app-bar> <v-navigation-drawer v-model="drawer" :border="1"> @@ -70,7 +58,7 @@ const sections = ref([ href: runtimeConfig.public.defenseFinderWebservice, }, { id: "refseq", label: "REFSEQ", href: refinedRefSeqPath.value }, - { id: "toto", label: "Help", href: "/help" }, + { id: "help", label: "Help", href: "/help" }, ]); const drawer = ref(true);