From 29872484b03445b307430f1598c6ad604c1dae41 Mon Sep 17 00:00:00 2001
From: paidge <paidge_cs@hotmail.com>
Date: Fri, 18 Feb 2022 01:03:56 +0100
Subject: [PATCH] improve sidebar
---
assets/css/style.scss | 6 +++---
components/navigation/menu/Sidebar.vue | 10 ++++++----
pages/previsions/index.vue | 2 +-
3 files changed, 10 insertions(+), 8 deletions(-)
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 51cd193..d5b8fd5 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -16,7 +16,7 @@ $badge-font-weight: 500;
$table-th-font-weight: 500;
$table-bg: var(--bg-primary-color);
$table-color: var(--txt-primary-color);
-$table-hover-bg: rgba(0, 0, 255, 0.075);
+$table-hover-bg: var(--bg-secondary-color);
$table-striped-bg: var(--bg-menu-color);
// Breadcrumb
@@ -27,7 +27,7 @@ $breadcrumb-divider-color: var(--txt-primary-color);
// List-groups
$list-group-bg: transparent;
$list-group-color: var(--txt-secondary-color);
-$list-group-active-bg: rgba(0, 0, 255, 0.075);
+$list-group-active-bg: var(--bg-secondary-color);
$list-group-active-color: var(--txt-secondary-color);
$list-group-border-color: var(--border-color);
@@ -94,7 +94,7 @@ body {
.list-group-item {
&-action:not(.active) {
&:hover {
- background: rgba(0, 0, 255, 0.075);
+ background: var(--bg-secondary-color);
color: var(--txt-secondary-color);
}
}
diff --git a/components/navigation/menu/Sidebar.vue b/components/navigation/menu/Sidebar.vue
index 173625c..5971ef7 100644
--- a/components/navigation/menu/Sidebar.vue
+++ b/components/navigation/menu/Sidebar.vue
@@ -38,10 +38,12 @@
: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 txt-secondary"
- >v{{ $config.clientVersion }} | {{ $t("apropos.title") }}</NuxtLink
- >
+ <div class="py-3 text-center">
+ <button
+ class="btn btn-secondary btn-sm"
+ @click="$router.push(localePath('a-propos'))">
+ v{{ $config.clientVersion }} | {{ $t("apropos.title") }}
+ </button>
</div>
</aside>
</template>
diff --git a/pages/previsions/index.vue b/pages/previsions/index.vue
index 8331085..e855c73 100644
--- a/pages/previsions/index.vue
+++ b/pages/previsions/index.vue
@@ -274,7 +274,7 @@ export default {
.list-group-item {
background: transparent;
&:hover {
- background: rgba(0, 0, 255, 0.075);
+ background: var(--bg-secondary-color);
color: var(--txt-primary-color);
}
}
--
GitLab