Stocks sur smartphone — vue cartes tactiles
Sur smartphone et tablette (≤ 768 px), le tableau de stocks se transforme automatiquement en vue cartes. Chaque article devient une fiche compacte, lisible et touchable sans zoom.
Ce qu'affiche chaque carte
| Zone | Information affichée |
|---|---|
| Haut gauche | Nom de l'article (+ référence si renseignée) |
| Haut droite | Badge statut coloré : Normal / Stock faible / Rupture / Stock plein |
| Milieu gauche | Badge catégorie + sous-catégories |
| Milieu droite | Stock actuel en gras — l'info la plus importante |
| Bas | Barre d'actions tactiles |
Les colonnes secondaires (stock minimum, dernier usage, prix) sont masquées sur mobile — elles restent visibles sur PC.
Les boutons d'action
Deux grands boutons occupent toute la largeur disponible :
- ➕ Entrée — ouvre la modale pour enregistrer un réapprovisionnement.
- ➖ Sortie — ouvre la modale pour enregistrer une utilisation.
Trois boutons icônes complètent la barre : 📊 historique, ✏️ modifier, 🗑️ supprimer — chacun sur une cible tactile de 44 px minimum.
Ergonomie 2 taps
L'objectif : enregistrer un mouvement en 2 taps depuis la liste — sans ouvrir un sous-menu, sans zoomer. Identique sur tablette lors des marchés.