gch3n/spectra-lab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: refine spectra lab visual restraint
All checks were successful
Deploy / deploy (push) Successful in 0s
Details

Browse Source
This commit is contained in:
Chen Gu
2026-04-25 12:08:31 +08:00
parent 04d6aebe59
commit 385994ca46
3 changed files with 51 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/tailwind.css
View File

@@ -42,9 +42,7 @@ body.light-mode {
body {
@apply m-0 min-h-screen font-sans antialiased;
color: var(--text);
background:
radial-gradient(circle at top, rgba(255, 255, 255, 0.04), transparent 30%),
linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);
background: var(--bg);
}
}
@@ -53,23 +51,36 @@ body.light-mode {
@apply relative mx-auto w-[min(1320px,calc(100%-24px))] md:w-[min(1320px,calc(100%-48px))] pb-10;
}
.site-header {
@apply sticky top-0 z-30 mb-2 border-b py-4 backdrop-blur-xl;
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
border-color: var(--line);
background: rgba(18, 18, 18, 0.78);
}
body.light-mode .site-header {
background: rgba(242, 236, 228, 0.82);
}
.site-header__inner {
@apply mx-auto grid w-[min(1320px,calc(100%-24px))] grid-cols-1 items-center gap-4 md:w-[min(1320px,calc(100%-48px))] md:grid-cols-[1fr_auto_auto];
}
.grid-overlay {
@apply pointer-events-none absolute inset-0 z-0 hidden md:grid md:grid-cols-12 md:gap-6;
}
.grid-overlay span {
border-left: 1px solid var(--line);
opacity: 0.65;
}
.grid-overlay span:last-child {
border-right: 1px solid var(--line);
@apply pointer-events-none absolute inset-0 z-0 hidden md:block;
background-image:
linear-gradient(to right, transparent calc(25% - 0.5px), color-mix(in srgb, var(--line) 75%, transparent) calc(25% - 0.5px), color-mix(in srgb, var(--line) 75%, transparent) calc(25% + 0.5px), transparent calc(25% + 0.5px)),
linear-gradient(to right, transparent calc(50% - 0.5px), color-mix(in srgb, var(--line) 90%, transparent) calc(50% - 0.5px), color-mix(in srgb, var(--line) 90%, transparent) calc(50% + 0.5px), transparent calc(50% + 0.5px)),
linear-gradient(to right, transparent calc(75% - 0.5px), color-mix(in srgb, var(--line) 75%, transparent) calc(75% - 0.5px), color-mix(in srgb, var(--line) 75%, transparent) calc(75% + 0.5px), transparent calc(75% + 0.5px));
opacity: 0.38;
}
.ui-card {
@apply border shadow-soft;
border-color: var(--line);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.01));
background: color-mix(in srgb, var(--panel) 92%, transparent);
}
.muted {