全屏样式
This commit is contained in:
parent
9a9dfce9ba
commit
a2fa09374d
@ -4,7 +4,7 @@
|
|||||||
<meta charset="UTF-8" />
|
<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" />
|
<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>
|
<title>Manager Center</title>
|
||||||
<link rel="stylesheet" href="./style.css?v=20260625-0100" />
|
<link rel="stylesheet" href="./style.css?v=20260625-0200" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="manager-center" aria-label="Manager Center" data-i18n-aria="page_label" data-loading="true">
|
<div class="manager-center" aria-label="Manager Center" data-i18n-aria="page_label" data-loading="true">
|
||||||
@ -264,6 +264,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="toast" id="toast" role="status" hidden></div>
|
<div class="toast" id="toast" role="status" hidden></div>
|
||||||
</div>
|
</div>
|
||||||
<script src="./script.js?v=20260625-0100" defer></script>
|
<script src="./script.js?v=20260625-0200" defer></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -463,7 +463,7 @@
|
|||||||
if (window.location.protocol === "file:") return fallbackMessages[normalizedLang];
|
if (window.location.protocol === "file:") return fallbackMessages[normalizedLang];
|
||||||
|
|
||||||
try {
|
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();
|
if (response.ok) return await response.json();
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
return fallbackMessages[normalizedLang];
|
return fallbackMessages[normalizedLang];
|
||||||
|
|||||||
@ -769,30 +769,39 @@ textarea:focus {
|
|||||||
z-index: 30;
|
z-index: 30;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-end;
|
align-items: stretch;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding-top: 48px;
|
padding: 0;
|
||||||
background: rgba(17, 24, 32, 0.48);
|
background: rgba(17, 24, 32, 0.48);
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-sheet {
|
.modal-sheet {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: min(100%, 430px);
|
width: min(100%, 430px);
|
||||||
max-height: calc(100vh - 48px);
|
height: 100vh;
|
||||||
|
max-height: none;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border-radius: 8px 8px 0 0;
|
border-radius: 0;
|
||||||
background: var(--card-bg);
|
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 {
|
.modal-head {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
flex: 0 0 auto;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
gap: 12px;
|
gap: 12px;
|
||||||
padding: 14px 14px 10px;
|
padding: calc(14px + env(safe-area-inset-top)) 14px 10px;
|
||||||
border-bottom: 1px solid var(--line);
|
border-bottom: 1px solid var(--line);
|
||||||
|
background: var(--card-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-head h2 {
|
.modal-head h2 {
|
||||||
@ -824,6 +833,8 @@ textarea:focus {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.modal-body {
|
.modal-body {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
min-height: 0;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
padding: 14px 14px calc(18px + env(safe-area-inset-bottom));
|
padding: 14px 14px calc(18px + env(safe-area-inset-bottom));
|
||||||
}
|
}
|
||||||
@ -844,7 +855,7 @@ textarea:focus {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.modal-body .props-list {
|
.modal-body .props-list {
|
||||||
max-height: min(42vh, 330px);
|
max-height: min(52vh, 430px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.loading-mask {
|
.loading-mask {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user