This commit is contained in:
KONE SOREL 2025-12-24 17:29:05 +00:00
parent 6a2952de1d
commit c14f54c42f
2 changed files with 12 additions and 16 deletions

View File

@ -32,6 +32,10 @@
--office-card-highlight: #fff9f8; --office-card-highlight: #fff9f8;
--content-margin-left: calc(var(--sidebar-width) + 24px); --content-margin-left: calc(var(--sidebar-width) + 24px);
--content-margin-right: 24px; --content-margin-right: 24px;
--container-max: 1400px;
--container-pad: 24px;
} }
/* ============================================ /* ============================================
@ -248,14 +252,6 @@ body {
} }
content-area {
padding: 0 24px 24px 24px;
max-width: 1400px;
margin: 0 auto;
position: relative;
padding-top: calc(var(--header-height) + 56px + 16px); /* Espace pour header + nav-bar + marge */
}
/* ============================================ /* ============================================
NAVIGATION TABS NAVIGATION TABS
============================================ */ ============================================ */
@ -280,9 +276,9 @@ content-area {
/* Conteneur pour centrer le contenu */ /* Conteneur pour centrer le contenu */
.nav-bar > .nav-tabs { .nav-bar > .nav-tabs {
width: 100%; width: 100%;
max-width: 1400px; /* Même largeur max que le contenu */ max-width: var(--container-max);
margin: 0 auto; margin: 0 auto;
padding: 0 24px; padding: 0 var(--container-pad);
height: 100%; height: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
@ -325,7 +321,7 @@ content-area {
/* Content area fluide */ /* Content area fluide */
.content-area { .content-area {
padding: calc(var(--header-height) + 56px + 16px) 24px 24px 24px; padding: calc(var(--header-height) + 56px + 8px) 24px 24px 24px; /* Réduction de +16px à +8px */
max-width: 1400px; max-width: 1400px;
margin: 0 auto; margin: 0 auto;
} }
@ -335,7 +331,7 @@ content-area {
background: var(--office-card); background: var(--office-card);
border-radius: 8px; border-radius: 8px;
box-shadow: 0 2px 6px rgba(0,0,0,.05); box-shadow: 0 2px 6px rgba(0,0,0,.05);
/*margin-top: 24px;*/ margin-top: 8px; /* Ajout pour rapprocher visuellement la carte de la nav-bar */
} }
@ -756,7 +752,7 @@ content-area {
} }
.content-area { .content-area {
padding: calc(var(--header-height) + 56px) 16px 16px 16px; padding: calc(var(--header-height) + 56px + 8px) 16px 16px 16px;
max-width: 100%; max-width: 100%;
} }
@ -791,7 +787,7 @@ content-area {
.content-card { .content-card {
border-radius: 8px; border-radius: 8px;
margin: 0 0 16px 0; margin: 8px 0 16px 0; /* 8px en haut, 16px en bas */
} }
} }

View File

@ -145,7 +145,7 @@ console.groupEnd();
<link rel="manifest" href="<?= $racineWeb ?>manifest.json"> <link rel="manifest" href="<?= $racineWeb ?>manifest.json">
<!-- 4. VOS STYLES PERSONNALISÉS (en dernier pour qu'ils dominent) --> <!-- 4. VOS STYLES PERSONNALISÉS (en dernier pour qu'ils dominent) -->
<link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2025.12.24.01" rel="stylesheet"> <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2025.12.24.02" rel="stylesheet">
<link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet"> <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
<!-- ============================================ <!-- ============================================