From aba000ea0e742602783bf47eb527827eb31a8f53 Mon Sep 17 00:00:00 2001
From: paidge <paidge_cs@hotmail.com>
Date: Mon, 20 Dec 2021 07:35:46 +0100
Subject: [PATCH] =?UTF-8?q?am=C3=A9liorations=20css?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
assets/css/style.scss | 16 +++++++++++++---
components/navigation/Bar.vue | 2 ++
layouts/default.vue | 4 +++-
pages/membres.vue | 2 +-
4 files changed, 19 insertions(+), 5 deletions(-)
diff --git a/assets/css/style.scss b/assets/css/style.scss
index bef49d0..5fc0e9e 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -1,9 +1,10 @@
// Bootstrap variables customisation
// Fonts & Typo
$link-hover-decoration: none;
-$text-muted: #a6a4b0;
+$text-muted: var(--text-secondary-color);
$enable-responsive-font-sizes: true;
$font-family-base: Montserrat, Helvetica, Arial, serif;
+$small-font-size: 70%;
// Body
$body-bg: var(--background-color-primary);
@@ -20,9 +21,18 @@ $breadcrumb-active-color: var(--text-primary-color);
$breadcrumb-divider-color: var(--text-primary-color);
// List-groups
-$list-group-bg: var(--background-color-primary);
+$list-group-action-hover-color: var(--text-secondary-color);
+$list-group-bg: var(--background-color-secondary);
$list-group-action-active-bg: transparent;
$list-group-action-color: var(--text-primary-color);
+// Cards
+$card-bg: var(--background-color-secondary);
+
@import 'font';
-@import 'bootstrap';
\ No newline at end of file
+@import 'bootstrap';
+
+.card-subtitle {
+ font-style: italic;
+ font-size: 90%;
+}
\ No newline at end of file
diff --git a/components/navigation/Bar.vue b/components/navigation/Bar.vue
index 91047c7..cf3689b 100644
--- a/components/navigation/Bar.vue
+++ b/components/navigation/Bar.vue
@@ -104,6 +104,8 @@ nav.breadcrumb {
h1 {color: var(--text-primary-color);}
.list-group-item {
+ background: var(--background-color-primary);
+
&-action:not(.active):hover {background: transparent;}
div {
diff --git a/layouts/default.vue b/layouts/default.vue
index b6f799f..7fa0b45 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -16,7 +16,7 @@ export default {
items : [
{path: '/appolo',title: 'Appolo'},
{path: '/chartjs',title: 'ChartJS'},
- {path: '/membres',title: 'Prendre soin de ses contacts'}
+ {path: '/membres',title: 'Membres'}
]},
{
title: 'Un menu',
@@ -39,6 +39,7 @@ export default {
/* Define styles for the default root window element */
:root {
--text-primary-color: var(--dark);
+ --text-secondary-color: var(--secondary);
--background-color-primary: var(--white);
--background-color-secondary: #e9ecef;
--element-size: 4rem;
@@ -48,6 +49,7 @@ export default {
/* Define styles for the root window with dark - mode preference */
:root.dark-theme {
--text-primary-color: var(--white);
+ --text-secondary-color: var(--secondary);
--background-color-primary: var(--dark);
--background-color-secondary: hsl(210, 16%, 60%);
}
diff --git a/pages/membres.vue b/pages/membres.vue
index 520968f..5e00676 100644
--- a/pages/membres.vue
+++ b/pages/membres.vue
@@ -55,7 +55,7 @@ export default {
to: '/'
},
{
- text: 'Prendre soin de ses contacts',
+ text: 'Membres',
active: true
}
],
--
GitLab