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

feat(assets): 文件夹主题 - 新增多主题皮肤并同步主线

Browse Source
This commit is contained in:
echoD886
2026-08-20 16:33:51 +08:00
parent 6406f99ccd 1c4ce44112
commit d5895a07a6
93 changed files with 4081 additions and 1143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
web/src/pages/dev/folder-preview-lab.css
View File

@@ -105,6 +105,40 @@
margin-top: var(--space-16);
}
.folder-preview-lab-theme-catalog {
display: grid;
max-width: 1280px;
margin: var(--space-16) auto 0;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--space-3);
}
.folder-preview-lab-theme-catalog div {
position: relative;
overflow: hidden;
min-height: 88px;
border-radius: var(--r-2xl);
background: var(--library-surface);
}
.folder-preview-lab-theme-catalog img {
width: 100%;
height: 100%;
min-height: 88px;
object-fit: cover;
}
.folder-preview-lab-theme-catalog span {
position: absolute;
left: var(--space-3);
bottom: var(--space-3);
border-radius: var(--r-full);
background: color-mix(in srgb, var(--color-neutral-950) 72%, transparent);
padding: var(--space-1) var(--space-2);
color: var(--color-neutral-0);
font-size: var(--fs-caption);
}
.folder-preview-lab-section-heading {
display: flex;
margin-bottom: var(--space-6);
@@ -286,6 +320,7 @@
.folder-preview-lab-controls,
.folder-preview-lab-section-heading { align-items: flex-start; flex-direction: column; }
.folder-preview-lab-grid { grid-template-columns: minmax(0, 1fr); }
.folder-preview-lab-theme-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.folder-preview-lab-folder { transform: scale(.86); transform-origin: top center; margin-bottom: -40px; }
.folder-preview-lab-drawer { inset: var(--space-2); padding: var(--space-4); }
.folder-preview-lab-drawer-header { grid-template-columns: 1fr 1fr; }