tt/ttstd-infinite-canvas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(web): 样式体系 - 拆分模型选择、滚动条与编辑器样式

Browse Source
This commit is contained in:
ddCat
2026-09-19 20:28:16 +08:00
parent 308cf4244f
commit 5eab81261a
14 changed files with 1287 additions and 993 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
web/src/pages/create/creation-scrollbars.css Normal file
View File

@@ -0,0 +1,23 @@
@layer utilities {
/* Creation surfaces use a compact, theme-aware scrollbar. */
.creation-scrollbar {
scrollbar-color: color-mix(in srgb, var(--user-ink, #fff) 22%, transparent) transparent;
scrollbar-gutter: auto;
scrollbar-width: thin;
}
.creation-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
.creation-scrollbar::-webkit-scrollbar-track { background: transparent; }
.creation-scrollbar::-webkit-scrollbar-thumb {
border: 0;
border-radius: 999px;
background: color-mix(in srgb, var(--user-ink, #fff) 18%, transparent);
}
.creation-scrollbar::-webkit-scrollbar-thumb:hover { background: color-mix(in srgb, var(--user-ink, #fff) 32%, transparent); }
html:not(.dark) .creation-scrollbar {
scrollbar-color: color-mix(in srgb, var(--user-ink, #1b1b1f) 22%, transparent) transparent;
}
html:not(.dark) .creation-scrollbar::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--user-ink, #1b1b1f) 16%, transparent); }
html:not(.dark) .creation-scrollbar::-webkit-scrollbar-thumb:hover { background: color-mix(in srgb, var(--user-ink, #1b1b1f) 28%, transparent); }
}