From eedbb1a4a808133bb5c3969a3f25194235e171a0 Mon Sep 17 00:00:00 2001
From: paidge <paidge_cs@hotmail.com>
Date: Mon, 14 Feb 2022 19:45:20 +0100
Subject: [PATCH] move the version number at the bottom of the menu

---
 components/navigation/Bar.vue          |  5 +----
 components/navigation/menu/Sidebar.vue | 22 +++++++++++++---------
 layouts/default.vue                    |  3 +--
 package.json                           |  2 +-
 4 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/components/navigation/Bar.vue b/components/navigation/Bar.vue
index 0eeadb4..31b84a8 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 15c6043..ea719d6 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">&times;</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 3e41685..0f7e668 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 6412c9f..906d414 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",
-- 
GitLab