Passer les trajets en scrolling vertical plutôt qu’horizontal (desktop et mobile)
https://whimsical.com/wireframes-1-6-DJ2d5kboENCfpvJaFZ89z7@3CRerdhrAw8zmBznrifyqQYZ
Masonry: https://mui.com/material-ui/react-masonry/
Tâches
-
Desktop: Utiliser une masonry pour afficher les cartes de trajet (adapte à la largeur de l’écran) max 4 cartes par lignes -
Gérer l’affichage de la “carte” “Pas d’autres voitures…” -
Mobile: Afficher les cartes en colonnes -
Mobile: le FAB se réduit en un bouton rond + lorsqu’on scroll -
Prévoir l’espace en bas de la page pour que le FAB ne cache pas la dernière carte
Si masonry gère bien le 1 colonne, alors on le charge sur desktop et mobile pour avoir un truc + responsive.
Edited by Simon Mulquin