Scaling on high dps monitors

This commit is contained in:
Reece 2025-07-03 17:52:24 +01:00
parent 2f1dfdbcbe
commit d2ace29921

View File

@ -33,7 +33,9 @@
// Counter-scale to maintain same visual size // Counter-scale to maintain same visual size
const isMobile = window.innerWidth <= 768 || /Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); const isMobile = window.innerWidth <= 768 || /Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
const baseScale = isMobile ? 3 : 1.1; // 180% bigger on mobile (1 + 1.8 = 2.8, but 1.98 accounts for counter-scaling) const baseScale = isMobile ? 3 : 1.1; // 180% bigger on mobile (1 + 1.8 = 2.8, but 1.98 accounts for counter-scaling)
const navScale = baseScale / currentDPR; let navScale = baseScale / currentDPR;
// Prevent navbar from becoming too tiny on very high DPI screens
navScale = Math.max(0.7, navScale);
// Dropdowns at 100% (no additional scaling) // Dropdowns at 100% (no additional scaling)
const dropdownScale = 1.0; const dropdownScale = 1.0;