kyuno/batchCooking
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions 1

style(planning): dialogue de sélection plus large, hauteur fixe 80vh

Browse source 
Suite au correctif précédent (débordement du catalogue) : le dialogue lui-
même passe de 56rem/hauteur-au-contenu à 92vw plafonné à 75rem, avec une
hauteur fixe de 80vh (au lieu du simple plafond hérité de Dialog.tsx) —
la zone de navigation garde désormais une taille généreuse et constante
quel que soit l'onglet/la quantité de contenu, plutôt que de dépendre de
ce qui tient à l'écran.

Vérifié en direct (navigateur, 1280×800) : dialogue 1178×640px (92vw ×
80vh), catalogue/tableau/détail correctement bornés à l'intérieur.

pnpm --filter web build — propre.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Nicolas 2026-08-20 23:21:08 +02:00
parent fc8f38afde
commit 933882a527
1 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
apps/web/src/features/planning/recipe-picker-dialog.scss
View file

@ -5,7 +5,19 @@
// RecipeTabs import it themselves). // RecipeTabs import it themselves).
.recipe-picker-dialog { .recipe-picker-dialog {
max-width: 56rem; width: 92vw;
max-width: 75rem;
// Fixed, not just capped — `.dialog-panel`'s own `max-height` (dialog.scss)
// only bounds how tall a shrink-to-fit dialog can grow, which is right
// for every other dialog's small form but leaves this one's browsing
// step at the mercy of how much content happens to be on screen (a short
// personal-recipe tab vs. a ~25-item source browse). Pinning both
// `height`/`max-height` to the same `80vh` keeps the browsing area a
// consistent, generous size regardless of tab/content, on top of the
// `.dialog-panel__body` fix below that makes that area actually use the
// space instead of overflowing it.
height: 80vh;
max-height: 80vh;
// `.dialog-panel__body` (dialog.scss) is a plain block-flow scroll // `.dialog-panel__body` (dialog.scss) is a plain block-flow scroll
// container by default — fine for every other dialog's small form, but // container by default — fine for every other dialog's small form, but