va
This commit is contained in:
parent
310de1a8e6
commit
59dbc75115
|
|
@ -1,67 +1,66 @@
|
|||
:root {
|
||||
--primary: #1e293b;
|
||||
--accent: #08C5D1;
|
||||
--border-light: #f1f5f9;
|
||||
--text-main: #334155;
|
||||
--bg-light: #ffffff;
|
||||
--bg-body: #edf2f7; /* Gris bleuté pour le fond */
|
||||
--shadow-wahoo: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #f8fafc !important; /* Fond de page gris très léger */
|
||||
color: var(--text-main);
|
||||
background-color: var(--bg-body) !important;
|
||||
font-family: 'Plus Jakarta Sans', sans-serif !important;
|
||||
}
|
||||
|
||||
/* On supprime le cadre blanc du main pour qu'il se fonde dans le décor */
|
||||
/* LE SECRET : On ne touche pas au bord de l'écran */
|
||||
#main {
|
||||
margin-top: 70px !important;
|
||||
margin-left: 260px !important; /* Ajuster selon ta sidebar */
|
||||
padding: 30px 40px !important;
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
margin: 85px 25px 25px 285px !important; /* Sidebar large + marge */
|
||||
background: #ffffff !important;
|
||||
border-radius: 30px !important; /* Arrondi très fort */
|
||||
box-shadow: var(--shadow-wahoo) !important;
|
||||
border: none !important;
|
||||
min-height: calc(100vh - 110px);
|
||||
padding: 40px !important;
|
||||
}
|
||||
|
||||
/* SIDEBAR : Elle doit être détachée ou très sombre */
|
||||
.sidebar {
|
||||
background: var(--primary) !important;
|
||||
width: 260px !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
/* --- TABLEAUX : LE SECRET DU WAHOO EST ICI --- */
|
||||
/* On abandonne les bordures de cellules pour des lignes aérées */
|
||||
.table {
|
||||
background: white !important;
|
||||
border-radius: 12px !important;
|
||||
border: 1px solid #e2e8f0 !important;
|
||||
border-collapse: collapse !important;
|
||||
overflow: hidden;
|
||||
/* HEADER : On le rend invisible ou très léger */
|
||||
.header {
|
||||
background: rgba(248, 250, 252, 0.8) !important;
|
||||
backdrop-filter: blur(8px);
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.table thead th {
|
||||
background: #f8fafc !important;
|
||||
border-bottom: 1px solid #e2e8f0 !important;
|
||||
color: #64748b !important;
|
||||
font-weight: 700 !important;
|
||||
font-size: 0.75rem !important;
|
||||
text-transform: uppercase;
|
||||
padding: 15px 20px !important;
|
||||
/* --- LES TABLEAUX "WAHOO" (Effet Liste de Cartes) --- */
|
||||
.table {
|
||||
border-collapse: separate !important;
|
||||
border-spacing: 0 12px !important; /* Espace entre les lignes */
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.table tbody tr {
|
||||
border-bottom: 1px solid #f1f5f9 !important;
|
||||
transition: all 0.2s ease;
|
||||
background: white !important;
|
||||
border-radius: 15px !important;
|
||||
box-shadow: 0 2px 10px rgba(0,0,0,0.03) !important;
|
||||
transition: all 0.3s ease !important;
|
||||
}
|
||||
|
||||
.table tbody tr:hover {
|
||||
background-color: #f1f9fa !important; /* Un bleu-vert très pâle au survol */
|
||||
transform: translateY(-4px) scale(1.01);
|
||||
box-shadow: 0 15px 30px rgba(8, 197, 209, 0.15) !important;
|
||||
}
|
||||
|
||||
.table td {
|
||||
padding: 15px 20px !important;
|
||||
font-size: 0.9rem !important;
|
||||
padding: 20px !important;
|
||||
border: none !important;
|
||||
vertical-align: middle !important;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* --- BARRE DE CONTEXTE DROITE (FLAT & CLEAN) --- */
|
||||
.sidenav {
|
||||
background: white !important;
|
||||
border-left: 1px solid #e2e8f0 !important;
|
||||
box-shadow: none !important;
|
||||
width: 300px !important;
|
||||
padding: 90px 20px 20px 20px !important;
|
||||
}
|
||||
/* Arrondis pour chaque ligne */
|
||||
.table td:first-child { border-radius: 15px 0 0 15px !important; }
|
||||
.table td:last-child { border-radius: 0 15px 15px 0 !important; }
|
||||
|
|
@ -15,4 +15,4 @@
|
|||
<link href="<?=$racineWeb?>Bootstrap_new/css/select2.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
|
||||
|
||||
<link href="<?=$racineWeb?>Bootstrap_new/css/theme-modern.css?ver=2026.02.23.08" rel="stylesheet">
|
||||
<link href="<?=$racineWeb?>Bootstrap_new/css/theme-modern.css?ver=2026.02.23.09" rel="stylesheet">
|
||||
|
|
@ -1,17 +1,17 @@
|
|||
<header id="header" class="header fixed-top d-flex align-items-center">
|
||||
<div class="d-flex align-items-center justify-content-between">
|
||||
<div class="d-flex align-items-center justify-content-between px-4">
|
||||
<a class="logo d-flex align-items-center text-decoration-none">
|
||||
<img src="<?=$racineWeb?>Bootstrap_new/images/new/favicon.png" alt="Logo" height="35">
|
||||
<span class="ms-3 fw-bold text-dark fs-5">INTER SANTE</span>
|
||||
<div class="bg-primary p-2 rounded-3 me-2">
|
||||
<img src="<?=$racineWeb?>Bootstrap_new/images/new/favicon.png" alt="Logo" height="25">
|
||||
</div>
|
||||
<span class="fw-800 text-primary fs-5 tracking-tight">INTER SANTÉ</span>
|
||||
</a>
|
||||
<i class="bi bi-list toggle-sidebar-btn ms-4 fs-3 cursor-pointer"></i>
|
||||
</div>
|
||||
|
||||
<div class="ms-auto d-flex align-items-center">
|
||||
<button class="btn btn-light rounded-pill me-3 border-0 shadow-sm" id="showSideNav">
|
||||
<i class="bi bi-layout-sidebar-reverse text-primary"></i> Context
|
||||
<div class="ms-auto d-flex align-items-center pe-4">
|
||||
<button id="showSideNav" class="btn btn-light rounded-pill border-0 shadow-sm px-3 me-3 text-primary fw-bold">
|
||||
<i class="bi bi-layout-sidebar-reverse me-2"></i> Dossier
|
||||
</button>
|
||||
|
||||
<div class="initials me-3"><?= $_SESSION['userInitials_C'] ?></div>
|
||||
<div class="initials shadow-sm"><?= $_SESSION['userInitials_C'] ?></div>
|
||||
</div>
|
||||
</header>
|
||||
Loading…
Reference in New Issue
Block a user