jules/nav-carte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(codev): demo - CSS tabs + annuaire manquants

Browse Source
This commit is contained in:
Jules Neny
2026-05-07 00:58:14 +02:00
parent 19ff17e236
commit 2b34d05585
1 changed files with 23 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
pages/codev/demo.vue
View File

@@ -266,6 +266,29 @@ function setMode(newMode: typeof mode.value) {
border-radius: 12px; border-radius: 12px;
} }
/* ── Tabs ── */
.codev-tabs { display: flex; gap: 4px; background: #f3f4f6; border-radius: 10px; padding: 4px; }
.codev-tabs button { flex: 1; padding: 8px 4px; border: none; border-radius: 7px; background: transparent; font-size: 0.875rem; font-weight: 500; cursor: pointer; color: #6b7280; transition: all 0.15s; }
.codev-tabs button.active { background: white; color: #1a1a2e; font-weight: 600; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
/* ── Annuaire ── */
.annuaire-wrap { display: flex; flex-direction: column; gap: 8px; flex: 1; }
.annuaire-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid #e5e7eb; border-radius: 10px; }
.annuaire-table { width: 100%; border-collapse: collapse; min-width: 480px; }
.annuaire-table thead tr { background: #f9fafb; border-bottom: 2px solid #e5e7eb; }
.annuaire-table th { padding: 10px 14px; text-align: left; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #6b7280; white-space: nowrap; }
.annuaire-table td { padding: 12px 14px; font-size: 0.875rem; color: #374151; vertical-align: top; border-bottom: 1px solid #f3f4f6; line-height: 1.5; }
.annuaire-row { transition: background 0.12s; }
.annuaire-row:hover { background: #f9fafb; }
.annuaire-row:last-child td { border-bottom: none; }
.col-nom { position: sticky; left: 0; z-index: 2; background: #ffffff; font-weight: 600; color: #1a1a2e !important; white-space: nowrap; min-width: 80px; border-right: 2px solid #e5e7eb; box-shadow: 2px 0 6px rgba(0,0,0,0.06); }
.annuaire-row:hover .col-nom { background: #f9fafb; }
thead tr .col-nom { background: #f9fafb; z-index: 3; }
.col-besoin { min-width: 200px; max-width: 260px; }
.col-offre { min-width: 200px; max-width: 260px; }
/* ── Bandeau mode actif ── */ /* ── Bandeau mode actif ── */
.mode-banner { .mode-banner {