Yeomai/SpineViewer
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

动态缩略图生成

Browse Source
This commit is contained in:
tianmo committed 2026-09-19 10:15:44 +08:00
1 parent 4ff35ce352
commit eb2a7f7d91
7 files changed
+73 -25
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

viewer/spine.css
+13 -5
View File
@@ -112,16 +112,24 @@
}
.thumb-dialog-input.hidden { display: none; }
.thumb-dialog-error { color: var(--error); min-height: 18px; }
.animated-thumb-card { width: min(520px, 92vw); }
.animated-thumb-card { width: min(480px, 92vw); gap: 10px; padding: 16px; }
.thumb-dialog-note.warning { color: #e6b35c; }
.animated-thumb-form { display: grid; gap: 12px; padding: 4px 0; }
.animated-thumb-card .thumb-dialog-note { font-size: 13px; }
.animated-thumb-form { display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: center; gap: 10px 14px; padding: 2px 0; }
.animated-thumb-label { color: var(--text-dim); }
.animated-thumb-range { display: flex; align-items: center; gap: 8px; }
.animated-thumb-range { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.animated-thumb-range label { display: flex; align-items: center; gap: 6px; }
.animated-thumb-range input { width: 88px; }
.animated-thumb-quality { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--text-dim); }
.animated-thumb-quality { grid-column: 1 / -1; display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: center; gap: 14px; color: var(--text-dim); }
.animated-thumb-size { display: flex; align-items: center; gap: 7px; color: var(--text); }
.animated-thumb-size input { width: 108px; }
.animated-thumb-size input { width: 88px; }
.animated-thumb-form input[type="number"] {
box-sizing: border-box; height: 32px; padding: 4px 8px;
background: var(--panel-2); color: var(--text);
border: 1px solid var(--border); border-radius: 4px;
}
.animated-thumb-form input[type="number"]:focus { outline: none; border-color: var(--accent); }
.animated-thumb-card .thumb-dialog-actions { margin-top: 2px; }
/* 收窄下拉，避免在窄窗口下把右侧按钮挤到第二行（展开后的选项不受影响）*/
#toolbar #suffixSelect { max-width: 140px; }
#stage { position: absolute; inset: 0; display: flex; overflow: hidden; }