From 021d611bedce2cb2e0452c879e24a5d51212a968 Mon Sep 17 00:00:00 2001
From: Remi PLANEL <rplanel@pasteur.fr>
Date: Thu, 5 Oct 2023 18:33:31 +0200
Subject: [PATCH] WIP
---
components/Nav/Navbar.vue | 24 ++++++------------------
1 file changed, 6 insertions(+), 18 deletions(-)
diff --git a/components/Nav/Navbar.vue b/components/Nav/Navbar.vue
index 06fdd172..b623a21c 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);
--
GitLab