public/css/Compte/GestionUser.css

@@ -1,7 +1,3 @@
-html{
-    font-family: "Quicksand Light"; !important;
-}
-
 #container_modal {
     background-color: white;
     margin-left: 20%; /* Centrage vertical */

public/css/Compte/index.css

@@ -1,7 +1,3 @@
-
-html{
-    font-family: "Quicksand Light"; !important;
-}
 /* Style pour chaque élément d'information de l'utilisateur */
 .user-info-item {
     display: flex;

public/css/ControllerVues/edit.css

@@ -1,6 +1,4 @@
-html{
+
-    font-family: "Quicksand Light"; !important;
-}
 /* Page container */
 .page-container {
     width: 100%;

public/css/ControllerVues/new.css

@@ -1,6 +1,4 @@
-html{
+
-    font-family: "Quicksand Light"; !important;
-}
 /* Page container */
 .page-container {
     width: 100%;

public/css/GestionUtilisateurs/GestionUtilisateurs.css

@@ -8,6 +8,3 @@
     height: 100%; /* Hauteur du contenu de la modal */
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
 }
-html{
-    font-family: "Quicksand Light"; !important;
-}

public/css/Index/index.css

@@ -1,7 +1,3 @@
-html{
-    font-family: "Quicksand Light"; !important;
-}
-
 .top-bar {
     background-color: #db5559;
     width: calc(100% - 18%); /*Calcule la totalité de l'écran - le left-background */
@@ -14,10 +10,21 @@ html{
     align-items: center;
     padding: 0 20px;
     color: white;
-    font-size: 16px;
+    font-size: 18px;
     box-sizing: border-box; /* Inclut le padding dans la largeur totale */
 }
 
+
+.user-role {
+    background-color: white;
+    color: black;
+    padding: 10px 15px;
+    font-weight: bold;
+    overflow: hidden;
+}
+
+
+
 .left-background {
     background-color: #db5559;
     width: 18%;
@@ -27,6 +34,7 @@ html{
     left: 0;
     display: flex;
     flex-direction: column;
+    justify-content: space-between;
 }
 
 
@@ -49,11 +57,12 @@ li {
 .btn-custom {
     background-color: #FFFFFF;
     color: black;
-    padding: 15px;
+    padding: 15px 40px;
     font-size: 16px;
     font-weight: bold;
     cursor: pointer;
     display: inline-block;
+
     border-right: 5px solid #db5559;
     border-left: 5px solid #db5559;
 }
@@ -79,6 +88,8 @@ li {
 .Information-perso {
     display: flex;
     justify-content: space-between;
+    padding: 20px;
+    margin-top: auto;
 }
 
 .btn-info-compte, .btn-info-exit {
@@ -93,12 +104,12 @@ li {
 
 .btn-info-compte {
     width: 50%;
-    height: 20px;
+    height: 30px;
 }
 
 .btn-info-exit {
     width: 10%;
-    height: 20px;
+    height: 30px;
 }
 
 /* Style pour la modal (cachée par défaut) */

templates/base.html.twig

@@ -38,17 +38,6 @@
         <div>
             Bonjour, {{ app.user.prenom }}
         </div>
-        <div class="Information-perso">
-            <a href="{{ path('update-user', { 'id': app.user.id }) }}" class="btn-info-compte icon-container">
-                <i class="icon-medium"> {{ ux_icon('ph:user-circle-fill') }}</i>
-                <span>Compte</span>
-            </a>
-            <div class="btn-info-exit icon-container">
-                <a href="{{ path('app_logout') }}" class="icon-medium">
-                    {{ ux_icon('iconamoon:exit-bold') }}
-                </a>
-            </div>
-        </div>
     </div>
 
     <!-- Left Menu -->
@@ -87,18 +76,6 @@
                             <span>Voir tendances</span>
                         </div>
                     </li>
-                    <li>
-                        <div class="btn-custom icon-container">
-                            <i class="icon-medium"> {{ ux_icon('icon-park-outline:view-list') }}</i>
-                            <span>Commandes</span>
-                        </div>
-                    </li>
-                    <li>
-                        <div class="btn-custom icon-container">
-                            <i class="icon-medium"> {{ ux_icon('fluent-mdl2:reservation-orders') }}</i>
-                            <span>Réservation</span>
-                        </div>
-                    </li>
                 </ul>
             </div>
         {% elseif is_granted('ROLE_CUISINIER') %}
@@ -140,6 +117,17 @@
                 </ul>
             </div>
         {% endif %}
+        <div class="Information-perso">
+            <a href="{{ path('update-user', { 'id': app.user.id }) }}" class="btn-info-compte icon-container">
+                <i class="icon-medium"> {{ ux_icon('ph:user-circle-fill') }}</i>
+                <span>Compte</span>
+            </a>
+            <div class="btn-info-exit icon-container">
+                <a href="{{ path('app_logout') }}" class="icon-medium">
+                    {{ ux_icon('iconamoon:exit-bold') }}
+                </a>
+            </div>
+        </div>
     </div>
 
 {% block container_modal %}