全屏样式

This commit is contained in:
zhx 2026-06-25 19:13:22 +08:00
parent 9a9dfce9ba
commit a2fa09374d
3 changed files with 21 additions and 10 deletions

View File

@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
<title>Manager Center</title>
<link rel="stylesheet" href="./style.css?v=20260625-0100" />
<link rel="stylesheet" href="./style.css?v=20260625-0200" />
</head>
<body>
<div class="manager-center" aria-label="Manager Center" data-i18n-aria="page_label" data-loading="true">
@ -264,6 +264,6 @@
</div>
<div class="toast" id="toast" role="status" hidden></div>
</div>
<script src="./script.js?v=20260625-0100" defer></script>
<script src="./script.js?v=20260625-0200" defer></script>
</body>
</html>

View File

@ -463,7 +463,7 @@
if (window.location.protocol === "file:") return fallbackMessages[normalizedLang];
try {
const response = await fetch(`./locales/${normalizedLang}.json?v=20260625-0100`, { cache: "no-store" });
const response = await fetch(`./locales/${normalizedLang}.json?v=20260625-0200`, { cache: "no-store" });
if (response.ok) return await response.json();
} catch (error) {
return fallbackMessages[normalizedLang];

View File

@ -769,30 +769,39 @@ textarea:focus {
z-index: 30;
inset: 0;
display: flex;
align-items: flex-end;
align-items: stretch;
justify-content: center;
padding-top: 48px;
padding: 0;
background: rgba(17, 24, 32, 0.48);
}
.modal-sheet {
display: flex;
width: min(100%, 430px);
max-height: calc(100vh - 48px);
height: 100vh;
max-height: none;
flex-direction: column;
overflow: hidden;
border-radius: 8px 8px 0 0;
border-radius: 0;
background: var(--card-bg);
box-shadow: 0 -18px 44px rgba(17, 24, 32, 0.22);
box-shadow: none;
}
@supports (height: 100dvh) {
.modal-sheet {
height: 100dvh;
}
}
.modal-head {
display: flex;
align-items: center;
flex: 0 0 auto;
justify-content: space-between;
gap: 12px;
padding: 14px 14px 10px;
padding: calc(14px + env(safe-area-inset-top)) 14px 10px;
border-bottom: 1px solid var(--line);
background: var(--card-bg);
}
.modal-head h2 {
@ -824,6 +833,8 @@ textarea:focus {
}
.modal-body {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
padding: 14px 14px calc(18px + env(safe-area-inset-bottom));
}
@ -844,7 +855,7 @@ textarea:focus {
}
.modal-body .props-list {
max-height: min(42vh, 330px);
max-height: min(52vh, 430px);
}
.loading-mask {