From b0c1d46acc8d90dec120538339f3c2fb044e62c5 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Thu, 20 Aug 2026 23:24:50 +0200 Subject: [PATCH] =?UTF-8?q?style(planning):=20r=C3=A9partit=20la=20largeur?= =?UTF-8?q?=20du=20dialogue=20par=20rapport=20=C3=A0=20lui-m=C3=AAme?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .recipes-page__catalog dimensionne son panneau de détail avec minmax(35vw, 38vw) — une fraction du *viewport*, cohérent sur /recettes (cette grille occupe quasiment toute la page) mais sans rapport avec ce dialogue, désormais de largeur fixe (92vw plafonné à 75rem, voir commit précédent) : à un viewport large, 38vw dépasse largement la largeur réelle du dialogue et déséquilibre la répartition liste/détail. Remplacé, sous .recipe-picker-dialog uniquement, par un ratio 3fr/2fr relatif au dialogue lui-même — la répartition (60/40) reste identique quelle que soit la largeur de l'écran, vérifié en direct à 1280px et 1600px de large (ratio mesuré 1.50 dans les deux cas). pnpm --filter web build — propre. Co-Authored-By: Claude Sonnet 5 --- .../src/features/planning/recipe-picker-dialog.scss | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/apps/web/src/features/planning/recipe-picker-dialog.scss b/apps/web/src/features/planning/recipe-picker-dialog.scss index ad6c453..b036e82 100644 --- a/apps/web/src/features/planning/recipe-picker-dialog.scss +++ b/apps/web/src/features/planning/recipe-picker-dialog.scss @@ -44,6 +44,17 @@ flex: 1; min-height: 0; } + + // `.recipes-page__catalog`'s own column split (recipes.scss) sizes the + // detail pane with `minmax(35vw, 38vw)` — a fraction of the *viewport*, + // which tracked `/recettes`' own width there (that grid spans nearly the + // whole page) but has nothing to do with this dialog's width, now a + // fixed 92vw/75rem of its own. Overridden here as a fraction of the + // dialog itself instead, so the two panes stay proportionate to each + // other regardless of viewport size. + .recipes-page__catalog { + grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); + } } .recipe-picker__filters {