initial commit
This commit is contained in:
22
docs/front-end-spec/responsiveness-strategy.md
Normal file
22
docs/front-end-spec/responsiveness-strategy.md
Normal file
@@ -0,0 +1,22 @@
|
||||
# Responsiveness Strategy
|
||||
|
||||
## Breakpoints
|
||||
|
||||
| Breakpoint | Min Width | Target |
|
||||
|------------|-----------|--------|
|
||||
| **sm** (Mobile) | 0 | Smartphones |
|
||||
| **md** (Tablet) | 640px | Tablettes |
|
||||
| **lg** (Desktop) | 1024px | Laptops |
|
||||
| **xl** (Wide) | 1280px | Grands moniteurs |
|
||||
|
||||
## Adaptation Patterns
|
||||
|
||||
| Element | Desktop | Tablet | Mobile |
|
||||
|---------|---------|--------|--------|
|
||||
| **Sidebar** | Expanded | Collapsed (icons) | Burger menu |
|
||||
| **Dashboard** | 3 colonnes | 2 colonnes | 1 colonne |
|
||||
| **DataTable** | Full | Colonnes prioritaires | Cards |
|
||||
| **Modals** | Centré 500px | 90vw | Plein écran |
|
||||
| **Filtres** | Sidebar | Sidebar mini | Modal |
|
||||
|
||||
---
|
||||
Reference in New Issue
Block a user