From 4fafb2e9aaa4577dc754e1b20fab7defb92679fd Mon Sep 17 00:00:00 2001 From: KONE SOREL Date: Mon, 23 Feb 2026 12:48:45 +0000 Subject: [PATCH] fd --- Bootstrap_new/css/theme-modern.css | 65 ++++++++++++++++++++++++++++++ Vue/gabarit.php | 13 ------ Vue/includes/head-meta.php | 2 +- Vue/includes/main-navigation.php | 44 +++++++++++--------- Vue/includes/sidebar.php | 43 ++++++++++---------- 5 files changed, 112 insertions(+), 55 deletions(-) diff --git a/Bootstrap_new/css/theme-modern.css b/Bootstrap_new/css/theme-modern.css index 8353dfba..4e0a0271 100644 --- a/Bootstrap_new/css/theme-modern.css +++ b/Bootstrap_new/css/theme-modern.css @@ -64,4 +64,69 @@ body { background: var(--bg-body); color: #444; } width: 40px; height: 40px; background: var(--accent); color: white; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: bold; +} + +/* --- SIDEBAR STRUCTURE --- */ +.sidebar { + position: fixed; + top: 20px; + left: 20px; + bottom: 20px; + width: 260px; + z-index: 996; + transition: all 0.3s; + padding: 20px; + overflow-y: auto; + background: #1e293b; /* Bleu Nuit */ + border-radius: 20px; +} + +.sidebar-nav .nav-link { + display: flex; + align-items: center; + font-size: 0.9rem; + font-weight: 500; + color: rgba(255,255,255,0.7); + padding: 12px 15px; + border-radius: 12px; + margin-bottom: 5px; +} + +.sidebar-nav .nav-link.active, .sidebar-nav .nav-link:hover { + background: rgba(8, 197, 209, 0.15); + color: #08C5D1; +} + +/* --- MAIN TOOLBAR --- */ +.main-nav-toolbar { + background: white; + padding: 15px 25px; + border-radius: 15px; + border: 1px solid #edf2f7; + margin-top: -10px; /* Aligné avec le haut du main */ +} + +.nav-pill-item { + padding: 8px 16px; + border-radius: 10px; + text-decoration: none; + color: #64748b; + font-size: 0.85rem; + font-weight: 600; + transition: 0.2s; +} + +.nav-pill-item.active { + background: #08C5D1; + color: white !important; +} + +/* --- FIX DES SUPERPOSITIONS --- */ +#main { + margin-left: 300px !important; /* Sidebar (260) + Marge (40) */ + transition: all 0.3s; +} + +@media (max-width: 1199px) { + #main { margin-left: 20px !important; } } \ No newline at end of file diff --git a/Vue/gabarit.php b/Vue/gabarit.php index 76ea1436..dd3a0d8e 100755 --- a/Vue/gabarit.php +++ b/Vue/gabarit.php @@ -25,19 +25,6 @@ $imgData = $_SESSION['photoAssureCrypte']; ?> - - diff --git a/Vue/includes/head-meta.php b/Vue/includes/head-meta.php index 6ffcc39b..fb2286e5 100644 --- a/Vue/includes/head-meta.php +++ b/Vue/includes/head-meta.php @@ -13,4 +13,4 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/Vue/includes/main-navigation.php b/Vue/includes/main-navigation.php index c30b7b60..89f94cfa 100644 --- a/Vue/includes/main-navigation.php +++ b/Vue/includes/main-navigation.php @@ -1,23 +1,29 @@ - 0): - $current_url = $_SERVER['REQUEST_URI']; -?> -
-
- - - - - + 0): ?> +
+
+ + +
+
+ + + + + +
+
- - - \ No newline at end of file +
+ + + +
\ No newline at end of file diff --git a/Vue/includes/sidebar.php b/Vue/includes/sidebar.php index ad30926e..f4aed1b0 100644 --- a/Vue/includes/sidebar.php +++ b/Vue/includes/sidebar.php @@ -1,42 +1,41 @@ -