Skip to content

Drawer spacing pour la section Notifications

Quand les préférences de notification sont rendues dans le drawer gauche (page Profil → Notifications), la section Diagnostic avancé arrivait trop près du bas du drawer. Les appareils Android rajoutent une zone sensible et la carte paraissait coupée du bord quand on scrollait.

Solution

  • Dans NotificationPreferencesClient (composant client de src/components/settings/), on rend le wrapper principal en mode embedded avec pb-16 (padding-bottom: 4rem) pour toujours laisser de l'espace au-dessus du rebord.
  • Cette marge garde également un peu de respi au dessus de la barre système quand le drawer est affiché sur un petit écran.
  • Si on ajoute d'autres sections glissantes dans ce drawer, partir sur la même base permet d'éviter un sentiment de claustrophobie, et on peut ajuster pb-16 en pb-20 si une future carte nécessite encore plus d'air.