From cafe9b0bf0ac82ec26a0bef39c2438cfd65a0d81 Mon Sep 17 00:00:00 2001
From: Giorgio UTZERI <giorgio.utzeri.etu@univ-lille.fr>
Date: Sat, 15 Mar 2025 14:15:19 +0100
Subject: [PATCH] test responsive
---
css/styleMenu.css | 11 +++--------
menu.jsp | 1 +
2 files changed, 4 insertions(+), 8 deletions(-)
diff --git a/css/styleMenu.css b/css/styleMenu.css
index 29e8af3..75b376a 100644
--- a/css/styleMenu.css
+++ b/css/styleMenu.css
@@ -26,6 +26,7 @@ body {
display: flex;
flex-direction: column;
align-items: center;
+ transition: width 0.3s ease;
}
.sidebar h3 {
@@ -130,18 +131,12 @@ body {
text-decoration: none;
}
-/* Largeur de la sidebar quand elle est ouverte sur mobile */
@media (max-width: 991px) {
.sidebar {
- width: 2050px; /* Définit une largeur plus grande pour la sidebar sur mobile */
+ width: 0; /* Cache la sidebar par défaut sur mobile */
}
.sidebar.collapse.show {
- width: 250px; /* Assure que la sidebar a la bonne largeur quand elle est visible */
+ width: 250px; /* Définit la largeur de la sidebar ouverte sur mobile */
}
}
-
-/* Optionnel: Ajout d'un effet de transition pour rendre l'animation plus fluide */
-.sidebar {
- transition: width 0.3s ease; /* Effet de transition pour l'agrandissement */
-}
diff --git a/menu.jsp b/menu.jsp
index 04b3320..9ba34cd 100644
--- a/menu.jsp
+++ b/menu.jsp
@@ -79,6 +79,7 @@
</div>
+
<div class="main-content d-flex flex-column bg-image"
style="min-height: 100vh; background-image: url('images/login-bg.png'); background-size: cover; background-position: center;">
<%
--
GitLab