update at 2025-10-10 17:00:09
This commit is contained in:
42
styles.css
42
styles.css
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user