28 lines
1.2 KiB
HTML
28 lines
1.2 KiB
HTML
<!doctype html>
|
|
<html data-bs-theme="dark" style = "max-height: 100%">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
<title>Yew App</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
|
<script>
|
|
function adjustHeight() {
|
|
document.documentElement.style.setProperty('--vh', `${window.innerHeight}px`);
|
|
}
|
|
|
|
// Call the function initially
|
|
adjustHeight();
|
|
|
|
// Update the height when the window is resized (e.g., when the address bar disappears)
|
|
window.addEventListener('resize', adjustHeight);
|
|
</script>
|
|
<style>
|
|
.myvh-100 {
|
|
height: calc(var(--vh, 1vh));
|
|
}
|
|
</style>
|
|
</head>
|
|
<body style = "max-height: 100%"></body>
|
|
</html>
|