Onglets d'administration : retour à la ligne au lieu du défilement
Build & Deploy / build (push) Successful in 26s

La bande défilante horizontale gardait les onglets dans le cadre mais en
masquait hors champ : sur mobile, « Statistiques » et « Scrapers » n'étaient
atteignables qu'en faisant glisser la barre, sans indice visuel qu'elle
défilait. flex-wrap les fait passer à la ligne, tous restent visibles.

Vérifié au navigateur : deux lignes à 320 et 375px
([Utilisateurs | Documents] puis [Statistiques | Scrapers]), une seule ligne dès
768px, aucun débordement de la nav ni de la page.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-08-15 17:14:04 +02:00
co-authored by Claude Opus 5
parent a81a5a4bee
commit 9d7dadfdac
+3 -8
View File
@@ -47,13 +47,9 @@
gap: 0.5rem; gap: 0.5rem;
min-width: 0; min-width: 0;
max-width: 100%; max-width: 100%;
overflow-x: auto; /* Les onglets passent à la ligne quand ils ne tiennent plus, plutôt que de
scrollbar-width: none; défiler : aucun n'est masqué hors champ. */
padding-bottom: 0.125rem; flex-wrap: wrap;
}
.tabs::-webkit-scrollbar {
display: none;
} }
.tabs button { .tabs button {
@@ -66,7 +62,6 @@
font-weight: 500; font-weight: 500;
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
flex-shrink: 0;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease; transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
} }