fix: update meta tag for mobile web app capability and adjust inert state handling based on viewport

This commit is contained in:
fynks 2026-03-22 23:48:42 +05:00
parent 4133983ac9
commit b9371fbdfd

12
dist/index.html vendored
View file

@ -49,7 +49,7 @@
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#0f172a" media="(prefers-color-scheme: dark)"> <meta name="theme-color" content="#0f172a" media="(prefers-color-scheme: dark)">
<meta name="msapplication-TileColor" content="#2563eb"> <meta name="msapplication-TileColor" content="#2563eb">
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="DebridCompare"> <meta name="apple-mobile-web-app-title" content="DebridCompare">
<meta name="format-detection" content="telephone=no"> <meta name="format-detection" content="telephone=no">
@ -1998,9 +1998,13 @@
elements.dropdownTriggers = Array.from(document.querySelectorAll('.nav-dropdown-trigger')); elements.dropdownTriggers = Array.from(document.querySelectorAll('.nav-dropdown-trigger'));
buildMobileLinks(); buildMobileLinks();
// Set initial inert state // Set initial inert state based on viewport
if (elements.nav && state.isMobile) { if (elements.nav) {
elements.nav.setAttribute('inert', ''); if (state.isMobile) {
elements.nav.setAttribute('inert', '');
} else {
elements.nav.removeAttribute('inert');
}
} }
// Nav toggle click handler // Nav toggle click handler