diff --git a/components/navigation/Bar.vue b/components/navigation/Bar.vue index 0eeadb4c5641b54456b2d746e49a92c4978d8e4e..31b84a8a043c2ee44cc982b71d4817b672ead7b2 100644 --- a/components/navigation/Bar.vue +++ b/components/navigation/Bar.vue @@ -143,10 +143,7 @@ nav.breadcrumb-wrapper { top: 0; z-index: 1200; height: 100%; - padding: 1.1rem 0.5rem; - overflow-y: scroll; - scrollbar-color: #6969dd #e0e0e0; - scrollbar-width: thin; + padding: 1.1rem 0.5rem 0; transition: left 0.5s ease-in-out; left: -400px; diff --git a/components/navigation/menu/Sidebar.vue b/components/navigation/menu/Sidebar.vue index 15c6043ae74beba364814fc433167a646c39229c..ea719d68b086d292be57513965e97b0406c795cb 100644 --- a/components/navigation/menu/Sidebar.vue +++ b/components/navigation/menu/Sidebar.vue @@ -1,15 +1,10 @@ <template> - <aside class="menu shadow position-fixed"> - <div class="nav_header pb-3"> + <aside class="menu shadow-sm position-fixed d-flex flex-column"> + <div class="pb-3"> <nuxt-link :to="localePath('/')" class="d-flex"> <img :src="$icon(512)" alt="Accueil" class="logo" /> <div> - <h1 class="h3"> - Wotwizard - <small - ><span class="small">v{{ $config.clientVersion }}</span></small - > - </h1> + <h1 class="h3">Wotwizard</h1> <small class="text-muted">{{ $t("slogan") }}</small> </div> </nuxt-link> @@ -31,13 +26,18 @@ <span aria-hidden="true">×</span> </button> </div> - <nav class="pt-4 rounded"> + <nav class="pt-4 rounded flex-grow-1"> <NavigationMenuGroup v-for="menu in menus" :key="menu.title" :menu="menu" @toggleMenu="toggleMenu" /> </nav> + <div class="font-weight-bold text-center" style="font-size: 75%"> + <NuxtLink :to="localePath('a-propos')" class="d-block py-3 text-info" + >v{{ $config.clientVersion }} | {{ $t("apropos.title") }}</NuxtLink + > + </div> </aside> </template> @@ -67,6 +67,10 @@ export default { <style lang="scss" scoped> nav { + overflow-x: hidden; + overflow-y: auto; + scrollbar-color: #6969dd #e0e0e0; + scrollbar-width: thin; background: var(--background-color-secondary); } </style> diff --git a/layouts/default.vue b/layouts/default.vue index 3e41685dd748f071ae8dd3d7278f032acd18ecec..0f7e668b7196a17374722d0400dad1a363dfb0e6 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -36,8 +36,7 @@ export default { title: "infos", items: [ { path: "/lexique", title: "lexique" }, - { path: "/parametres", title: "params.title" }, - { path: "/a-propos", title: "apropos.title" } + { path: "/parametres", title: "params.title" } ] } ] diff --git a/package.json b/package.json index 6412c9ffd3a1d4f13df6d652e5c91b1244adef23..906d414fdacc3887049f6d875f11e975b0d86944 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "wotwizard-ui", - "version": "0.22.0", + "version": "0.23.0", "private": true, "scripts": { "dev": "nuxt",