diff --git a/stirling-pdf/src/main/resources/templates/fragments/common.html b/stirling-pdf/src/main/resources/templates/fragments/common.html index 6cd0e1c88..b2ddb5243 100644 --- a/stirling-pdf/src/main/resources/templates/fragments/common.html +++ b/stirling-pdf/src/main/resources/templates/fragments/common.html @@ -32,10 +32,10 @@ // 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 baseScale = isMobile ? 3 : 1.1; // 180% bigger on mobile (1 + 1.8 = 2.8, but 1.98 accounts for counter-scaling) - let navScale = baseScale / currentDPR; - // Prevent navbar from becoming too tiny on very high DPI screens - navScale = Math.max(0.7, navScale); + const isHighDPI = currentDPR > 2.0; + let baseScale = isMobile ? 3 : 1.1; + if (isHighDPI) baseScale *= 2; // Double base size on high DPI screens + const navScale = baseScale / currentDPR; // Dropdowns at 100% (no additional scaling) const dropdownScale = 1.0;