From 3f5ebe1c361e8dc24ff8f03b8410973b14855f0c Mon Sep 17 00:00:00 2001 From: Jules Neny Date: Fri, 2 Oct 2026 16:47:33 +0200 Subject: [PATCH] =?UTF-8?q?fix(fiches):=20la=20grille=20=3Fvue=3Dfiches=20?= =?UTF-8?q?ne=20d=C3=A9borde=20plus=20(minmax(0,=201fr))?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit repeat(n, 1fr) prend pour minimum le contenu le plus large ; avec le nom de fiche en nowrap, les colonnes dépassaient le conteneur (prod 29/09 : 1658 px dans 1088 à 1440, 534 dans 328 à 360). B10 M0, SPEC-vue-fiches §1. Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_01EBu7CSLy7PJgL4HJaV5oHP --- components/FichesPanel.vue | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/components/FichesPanel.vue b/components/FichesPanel.vue index d20ac55..307a9f1 100644 --- a/components/FichesPanel.vue +++ b/components/FichesPanel.vue @@ -150,19 +150,19 @@ function toggle(tag: string) { .fiches-panel__grid { display: grid; - grid-template-columns: 1fr; + grid-template-columns: repeat(1, minmax(0, 1fr)); gap: var(--space-sm); } @media (min-width: 768px) { .fiches-panel__grid { - grid-template-columns: repeat(2, 1fr); + grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1280px) { .fiches-panel__grid { - grid-template-columns: repeat(3, 1fr); + grid-template-columns: repeat(3, minmax(0, 1fr)); } }