update at 2025-10-10 17:00:09

This commit is contained in:
douboer
2025-10-10 17:00:09 +08:00
parent 1309caddc3
commit 86c3beea49
14 changed files with 1248 additions and 81 deletions

View File

@@ -337,7 +337,7 @@ label:hover { color: var(--c-primary); }
/* 平台选择容器:单层 Grid 排列 */
.platform-chooser-container.platform-chooser-grid {
display: grid;
grid-auto-flow: column;
grid-template-columns: auto minmax(160px, 1fr) auto auto;
align-items: center;
gap: 12px;
padding: 8px 12px;
@@ -347,6 +347,16 @@ label:hover { color: var(--c-primary); }
box-shadow: var(--shadow-sm);
}
.platform-chooser-container .toolbar-button {
justify-self: start;
}
@media (max-width: 720px) {
.platform-chooser-container.platform-chooser-grid {
grid-template-columns: repeat(auto-fit, minmax(140px, max-content));
}
}
/* =========================================================== */
/* 平台选择器样式 */
/* =========================================================== */
@@ -467,14 +477,14 @@ label:hover { color: var(--c-primary); }
.xhs-board {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
grid-template-columns: repeat(6, minmax(0, 1fr));
grid-template-rows: auto auto auto 1fr auto;
grid-template-areas:
"platform platform platform refresh publish"
"template template preview preview font"
"content content content content content"
"content content content content content"
"pagination pagination slice slice slice";
"template template preview preview font font"
"content content content content content content"
"content content content content content content"
"content content content content content content"
"pagination pagination pagination slice slice slice";
gap: 12px;
width: 100%;
background: var(--grad-xhs-bg);
@@ -509,6 +519,7 @@ label:hover { color: var(--c-primary); }
background: white;
font-size: 13px;
cursor: pointer;
max-width: 100px;
transition: border-color 0.2s ease;
}
@@ -546,7 +557,7 @@ label:hover { color: var(--c-primary); }
.font-size-btn:hover { background: #eaf1fe; }
.font-size-input {
width: 60px;
width: 35px;
border: none;
background: transparent;
text-align: center;
@@ -556,17 +567,12 @@ label:hover { color: var(--c-primary); }
.font-size-input:focus { outline: none; }
.xhs-area-platform,
.xhs-board .platform-chooser-container,
.xhs-board .platform-selector-line {
grid-area: platform;
}
.xhs-area-template { grid-area: template; }
.xhs-area-preview { grid-area: preview; }
.xhs-area-refresh { grid-area: refresh; justify-content: center; }
.xhs-area-publish { grid-area: publish; justify-content: center; }
.xhs-area-font { grid-area: font; flex-wrap: wrap; }
.xhs-area-font {
grid-area: font;
flex-wrap: nowrap;
}
.xhs-area-pagination { grid-area: pagination; justify-content: center; gap: 16px; }
.xhs-area-slice { grid-area: slice; justify-content: center; gap: 16px; }
@@ -641,7 +647,7 @@ label:hover { color: var(--c-primary); }
}
.xhs-page-number-input {
width: 56px;
width: 35px;
padding: 4px 6px;
text-align: center;
border: 1px solid var(--c-border);