From 27a0f4ff4662c31af91383955e0e57afc0948500 Mon Sep 17 00:00:00 2001
From: Remi PLANEL <rplanel@pasteur.fr>
Date: Thu, 14 Dec 2023 15:26:24 +0100
Subject: [PATCH] Change title + center
---
components/LayoutWrapper.vue | 7 +++++--
components/Nav/Navbar.vue | 13 +++++++------
layouts/db.vue | 8 +++++---
3 files changed, 17 insertions(+), 11 deletions(-)
diff --git a/components/LayoutWrapper.vue b/components/LayoutWrapper.vue
index 4dcbe4d7..872c0d51 100644
--- a/components/LayoutWrapper.vue
+++ b/components/LayoutWrapper.vue
@@ -8,13 +8,15 @@ export interface Props {
toc?: boolean
edit?: boolean
navDrawer?: boolean
+ title?: string
}
const props = withDefaults(defineProps<Props>(), {
fluid: false,
toc: true,
edit: true,
- navDrawer: true
+ navDrawer: true,
+ title: null
});
const drawer = ref(true);
@@ -45,7 +47,8 @@ function onScroll() {
</v-container>
<!-- <Footer></Footer> -->
</v-main>
- <NavNavbar v-model:drawer="drawer" :density="density" :drawer-enabled="navDrawer" />
+ <NavNavbar v-model:drawer="drawer" :title="title !== null ? title : undefined" :density="density"
+ :drawer-enabled="navDrawer" />
<slot v-if="navDrawer" name="drawer" :drawer="drawer">
<NavDrawer :drawer="drawer" />
</slot>
diff --git a/components/Nav/Navbar.vue b/components/Nav/Navbar.vue
index 271dc77a..1bf062a0 100644
--- a/components/Nav/Navbar.vue
+++ b/components/Nav/Navbar.vue
@@ -6,6 +6,7 @@ export interface Props {
density: 'prominent' | 'compact'
drawer: boolean
drawerEnabled: boolean
+ title?: string
}
const runtimeConfig = useRuntimeConfig();
@@ -16,7 +17,8 @@ const switchTheme = ref(false)
const props = withDefaults(defineProps<Props>(), {
density: "prominent",
drawer: true,
- drawerEnabled: true
+ drawerEnabled: true,
+ title: "Knowledge database of all known anti-phage systems"
});
const emit = defineEmits(['update:drawer'])
function toggleTheme() {
@@ -47,13 +49,12 @@ function toggleDrawer() {
<template>
<v-app-bar :elevation="0" border name="app-bar" :density="density" color="background">
<template v-if="drawerEnabled" #prepend>
- <v-app-bar-nav-icon @click.stop="toggleDrawer"></v-app-bar-nav-icon>
+ <v-app-bar-nav-icon @click.stop="toggleDrawer" class="d-flex align-self-center"></v-app-bar-nav-icon>
<!-- <Logo height="45px" /> -->
</template>
- <v-app-bar-title>
- <span class="d-flex align-center">
- Knowledge database of all known anti-phage systems
- </span>
+ <v-app-bar-title class="d-flex align-self-center py-0">
+ <span class="">
+ {{ title }} </span>
</v-app-bar-title>
<template #append>
<template v-if="!mobile">
diff --git a/layouts/db.vue b/layouts/db.vue
index cda2035e..0bfb7393 100644
--- a/layouts/db.vue
+++ b/layouts/db.vue
@@ -1,8 +1,10 @@
-<template>
- <LayoutWrapper :fluid="true" :toc="false" :edit="false" :nav-drawer="false">
-
+<script setup lang="ts">
+const { page } = useContent();
+</script>
+<template>
+ <LayoutWrapper :title="page.title" :fluid="true" :toc="false" :edit="false" :nav-drawer="false">
<slot />
</LayoutWrapper>
</template>
--
GitLab