test
This commit is contained in:
parent
6a2952de1d
commit
c14f54c42f
|
|
@ -32,6 +32,10 @@
|
|||
--office-card-highlight: #fff9f8;
|
||||
--content-margin-left: calc(var(--sidebar-width) + 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
|
||||
============================================ */
|
||||
|
|
@ -280,9 +276,9 @@ content-area {
|
|||
/* Conteneur pour centrer le contenu */
|
||||
.nav-bar > .nav-tabs {
|
||||
width: 100%;
|
||||
max-width: 1400px; /* Même largeur max que le contenu */
|
||||
max-width: var(--container-max);
|
||||
margin: 0 auto;
|
||||
padding: 0 24px;
|
||||
padding: 0 var(--container-pad);
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -325,7 +321,7 @@ content-area {
|
|||
|
||||
/* Content area fluide */
|
||||
.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;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
|
@ -335,7 +331,7 @@ content-area {
|
|||
background: var(--office-card);
|
||||
border-radius: 8px;
|
||||
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 {
|
||||
padding: calc(var(--header-height) + 56px) 16px 16px 16px;
|
||||
padding: calc(var(--header-height) + 56px + 8px) 16px 16px 16px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
|
|
@ -791,9 +787,9 @@ content-area {
|
|||
|
||||
.content-card {
|
||||
border-radius: 8px;
|
||||
margin: 0 0 16px 0;
|
||||
margin: 8px 0 16px 0; /* 8px en haut, 16px en bas */
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* Correction pour les écrans larges */
|
||||
|
|
|
|||
|
|
@ -145,7 +145,7 @@ console.groupEnd();
|
|||
<link rel="manifest" href="<?= $racineWeb ?>manifest.json">
|
||||
|
||||
<!-- 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">
|
||||
|
||||
<!-- ============================================
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user