Roukmoute/Classeo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Conversion CSS mobile-first des layouts et pages admin

Browse Source 
L'ensemble du frontend utilisait un mix de @media (max-width) desktop-first
et @media (min-width) mobile-first, en contradiction avec la spec UX qui
impose une stratégie mobile-first radicale (78% des parents/élèves sur mobile).

Cette conversion uniformise les 8 fichiers restants vers @media (min-width)
avec les breakpoints de la spec UX (sm: 640px, md: 768px) pour garantir
une expérience progressive enhancement cohérente.
This commit is contained in:
Mathias STRASSER
2026-02-12 14:21:57 +01:00
parent 44ebe5e511
commit 2e225eb466
11 changed files with 259 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/routes/admin/classes/[id]/+page.svelte
View File

@@ -398,13 +398,13 @@
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-columns: 1fr;
gap: 1rem;
}
@media (max-width: 480px) {
@media (min-width: 640px) {
.form-row {
grid-template-columns: 1fr;
grid-template-columns: 1fr 1fr;
}
}