diff --git a/Bootstrap_new/css/theme-modern.css b/Bootstrap_new/css/theme-modern.css index 77940a89..045e48ad 100644 --- a/Bootstrap_new/css/theme-modern.css +++ b/Bootstrap_new/css/theme-modern.css @@ -239,47 +239,126 @@ body { color: white; } - -/* 4. Main content */ +/* Styles pour le main content */ .main { - margin-left: var(--sidebar-width); - padding: calc(var(--header-height) + 20px) 1.5rem 1.5rem 1.5rem; - transition: margin-left 0.3s ease; + margin-left: 260px; + padding: 100px 30px 30px 30px; + transition: margin-left 0.3s; + min-height: 100vh; + background: #f8fafc; } +/* Style pour le breadcrumb */ +.breadcrumb { + background: transparent; + padding: 0; + margin: 0; +} + +.breadcrumb-item a { + color: #64748b; + text-decoration: none; + font-size: 0.95rem; +} + +.breadcrumb-item a:hover { + color: #0b5e7c; +} + +.breadcrumb-item.active { + color: #0b5e7c; + font-weight: 500; +} + +/* Badge notifications */ +.badge-notification { + position: absolute; + top: 5px; + right: 5px; + background: #dc3545; + color: white; + border-radius: 50%; + padding: 2px 6px; + font-size: 0.7rem; + min-width: 18px; + text-align: center; +} + +/* Logo entité */ +.entity-logo { + height: 35px; + width: auto; + max-width: 100px; + object-fit: contain; +} + +.entity-name { + font-weight: 500; + color: #1e293b; + margin-left: 8px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 150px; +} + +/* Initiales utilisateur */ +.user-initials { + display: flex; + align-items: center; + justify-content: center; + width: 38px; + height: 38px; + background: #0b5e7c; + color: white; + font-weight: 600; + border-radius: 10px; + font-size: 1rem; + text-transform: uppercase; +} + +/* Mode test */ +.test-badge { + background: #ffc107; + color: #1e293b; + padding: 4px 12px; + border-radius: 20px; + font-size: 0.75rem; + font-weight: 600; + letter-spacing: 0.5px; +} + +/* Scrollmenu (si présent dans la page) */ +.scrollmenu { + background: white; + border-radius: 40px; + padding: 4px; + display: inline-flex; + border: 1px solid #e2e8f0; + margin-bottom: 25px; +} + +.scrollmenu a { + padding: 8px 24px; + border-radius: 30px; + color: #64748b; + text-decoration: none; + transition: all 0.2s; + font-weight: 500; +} + +.scrollmenu a:hover, +.scrollmenu a.active { + background: #0b5e7c; + color: white; +} + + /* Quand la sidebar est réduite */ .sidebar-collapsed .main { margin-left: 80px; } -/* Scrollmenu (sous-navigation) */ -.scrollmenu { - background: white; - border-radius: 50px; - padding: 0.3rem; - margin-bottom: 2rem; - display: inline-flex; - flex-wrap: wrap; - gap: 0.2rem; - box-shadow: 0 2px 8px rgba(0,0,0,0.02); - border: 1px solid var(--border-color); -} - -.scrollmenu a { - padding: 0.5rem 1.2rem; - border-radius: 40px; - font-size: 0.9rem; - font-weight: 500; - color: var(--secondary); - text-decoration: none; - transition: all 0.2s; - white-space: nowrap; -} - -.scrollmenu a:hover { - background: var(--primary-light); - color: var(--primary); -} /* 5. Cartes et conteneurs */ .card { diff --git a/Vue/gabarit.php b/Vue/gabarit.php index d46ed96a..f53f2394 100755 --- a/Vue/gabarit.php +++ b/Vue/gabarit.php @@ -34,7 +34,11 @@ $_SESSION['bdTests_C'] = "0"; ?> + + + + @@ -51,6 +55,5 @@ $_SESSION['bdTests_C'] = "0"; - \ No newline at end of file diff --git a/Vue/includes/header.php b/Vue/includes/header.php index 9b472a80..ddb26506 100644 --- a/Vue/includes/header.php +++ b/Vue/includes/header.php @@ -1,31 +1,35 @@ \ No newline at end of file diff --git a/Vue/includes/sidebar.php b/Vue/includes/sidebar.php index 1a34c557..e553c8ee 100644 --- a/Vue/includes/sidebar.php +++ b/Vue/includes/sidebar.php @@ -1,9 +1,9 @@