Files
Nexus.Reader/src/NexusReader.Web.New/Components/App.razor
T

49 lines
1.5 KiB
Plaintext

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<base href="/" />
<link rel="stylesheet" href="_content/NexusReader.UI.Shared/app.css" />
<link rel="stylesheet" href="NexusReader.Web.styles.css" />
<ImportMap />
<HeadOutlet @rendermode="InteractiveAuto" />
</head>
<body>
<div id="app-preloader">
<div class="preloader-spinner"></div>
<div class="preloader-text">Nexus Reader</div>
</div>
<NexusReader.UI.Shared.Routes @rendermode="InteractiveAuto" />
<ReconnectModal />
<script src="_framework/blazor.web.js"></script>
<script>
(function() {
function hidePreloader() {
const preloader = document.getElementById('app-preloader');
if (preloader) {
preloader.classList.add('loaded');
// Completely remove from DOM after transition for better accessibility
setTimeout(() => preloader.style.display = 'none', 1000);
}
}
if (document.readyState === 'complete') {
hidePreloader();
} else {
window.addEventListener('load', hidePreloader);
}
// Fallback: If for some reason 'load' doesn't fire (e.g. big assets), hide after 3s anyway
setTimeout(hidePreloader, 3000);
})();
</script>
</body>
</html>