From db11d9a3ba7b49b8e68fd427457e5e0ee0d4ac9a Mon Sep 17 00:00:00 2001 From: AdamThomas Date: Tue, 15 Sep 2026 23:03:59 +0200 Subject: [PATCH] =?UTF-8?q?Page=20b=C3=A9n=C3=A9vole=20:=20vraie=20page=20?= =?UTF-8?q?responsive,=20plus=20une=20maquette=20de=20t=C3=A9l=C3=A9phone?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit C'est l'écran d'accueil réel d'un compte bénévole (`homePath`) — consulté sur son propre téléphone la plupart du temps, mais la page rendait un cadre de téléphone factice à taille fixe (376×772 px, fausse barre de statut) pensé pour être visionné sur un écran d'ordinateur, plus une note de choix de conception destinée à l'équipe, pas au bénévole. Sur un vrai téléphone, c'était un téléphone dessiné à l'intérieur du vrai téléphone. - Retiré le cadre (`PhoneFrame`) et la note de conception (`DesignNote`) — toujours utilisés par la page référent (`MobileLeadPage.tsx`, non touchée ici), donc le composant partagé reste en place. - Le contenu (bandeau d'accueil + cartes de créneaux) devient la page elle-même : pleine largeur sur mobile, centrée avec une largeur de lecture confortable (max 640 px) et un peu plus d'air à partir de `sm:` pour un écran d'ordinateur. Mêmes repères de conception qu'avant (fonds opaques, cibles tactiles ≥ 52 px), déplacés en commentaire de code. - `AppShell` : la barre d'onglets ne s'affiche plus quand il n'y a qu'un seul écran accessible (bénévole, référent) — elle n'a de sens que pour la coordination (3 écrans) ; simplifie l'en-tête sur les rôles qui n'ont nulle part où naviguer. Vérifié : typecheck, lint, build, smoke frontend OK. À noter : `MobileLeadPage.tsx` (référent) a exactement le même défaut (maquette de téléphone + note de conception) — pas touchée ici, la demande portait sur la vue bénévole. Co-Authored-By: Claude Sonnet 5 Claude-Session: https://claude.ai/code/session_017uUsRg7XzopkCPWimwg9ZM --- frontend/src/app/AppShell.tsx | 4 +- frontend/src/i18n/locales/fr.json | 2 - frontend/src/pages/MobileVolunteerPage.tsx | 126 +++++++++++---------- 3 files changed, 69 insertions(+), 63 deletions(-) diff --git a/frontend/src/app/AppShell.tsx b/frontend/src/app/AppShell.tsx index 03daf07..e558cbf 100644 --- a/frontend/src/app/AppShell.tsx +++ b/frontend/src/app/AppShell.tsx @@ -36,7 +36,9 @@ export function AppShell() { )} -