Skip to content

Superviseur — Frontend v1.0.0


Superviseur — Frontend / composables/useBreakpoint / BREAKPOINTS

Variable: BREAKPOINTS ​

ts
const BREAKPOINTS: object;

Défini dans: composables/useBreakpoint.ts:17

Points de rupture de l'interface, alignés sur l'échelle Tailwind (md = 768, lg = 1024).

Le palier bureau exige une orientation paysage en plus de la largeur : une tablette en portrait à forte résolution verticale (iPad Pro portrait fait 1024 de large) reste au palier tablette, sans mise à l'échelle et avec le chrome compact.

  • mobile : < 768px — barre de navigation du bas, contenu en colonne unique, aucune mise à l'échelle globale (le layout se recompose au lieu d'être réduit).
  • tablette : >= 768px en portrait, ou 768px – 1023px en paysage — rail d'icônes latéral, contenu adapté, sans mise à l'échelle.
  • bureau : >= 1024px en paysage — barre latérale complète et mise à l'échelle dynamique (useAutoZoom).

Déclaration de type ​

NomTypeValeur par défautDescriptionDéfini dans
tablet768768Seuil mobile → tablette.composables/useBreakpoint.ts:19
desktop10241024Seuil tablette → bureau.composables/useBreakpoint.ts:21

Documentation Technique