全屏样式
This commit is contained in:
parent
9a9dfce9ba
commit
a2fa09374d
@ -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>
|
||||
|
||||
@ -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];
|
||||
|
||||
@ -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 {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user