Thème
Superviseur — Frontend v0.14.0
Superviseur — Frontend / composables/useAutoZoom / useAutoZoom
Fonction: useAutoZoom()
ts
function useAutoZoom(): void;Défini dans: composables/useAutoZoom.ts:30
Adapte dynamiquement le zoom global de l'application à la taille de la fenêtre, comme un zoom navigateur (Ctrl+molette). L'échelle vaut 100 % sur un écran de référence (24") et diminue proportionnellement sur des fenêtres plus petites.
Détail technique : la propriété CSS zoom met tout à l'échelle mais ne recalcule pas les unités vh/vw (un conteneur 100vh zoomé à 80 % ne ferait plus que 80 % de la hauteur → bande vide). On compense donc en dimensionnant <html> à 100/zoom vh/vw : après application du zoom, la racine remplit exactement la fenêtre. La chaîne body → #app → racines des vues doit remplir en 100 % (voir main.css et les h-full).
La mesure réinitialise le zoom à 1 avant de lire la taille du viewport, ce qui rend le calcul idempotent et évite toute boucle de rétroaction.
Retourne
void