style(docs): fix background gradient scroll and TOC padding
Pin body background gradient to viewport with background-attachment: fixed so content length no longer affects gradient appearance. Add left padding to TOC aside for visual balance with the left sidebar. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Yechan Kim committed
Apr 12, 2026 at 19:53 UTC
efbfa1c69b6c6d21690d1a295dfa09c33e04d948
2 files changed
+3
-1
docs/src/app.css
+2
@@ -108,6 +108,7 @@ body {
108
radial-gradient(circle at top center, oklch(75% 0.14 195 / 0.16), transparent 36%),
109
radial-gradient(circle at 12% 18%, oklch(60% 0.2 35 / 0.08), transparent 22%),
110
linear-gradient(180deg, oklch(100% 0 0) 0%, oklch(97% 0.005 250) 54%, oklch(95% 0.005 250) 100%);
111
+ background-attachment: fixed;
112
}
113
114
.dark body {
@@ -116,6 +117,7 @@ body {
117
radial-gradient(circle at top center, oklch(80% 0.14 195 / 0.16), transparent 32%),
118
radial-gradient(circle at 82% 10%, oklch(55% 0.25 350 / 0.12), transparent 20%),
119
linear-gradient(180deg, oklch(16% 0 0) 0%, oklch(13% 0.01 250) 54%, oklch(11% 0.01 250) 100%);
120
+ background-attachment: fixed;
121
}
122
123
h1, h2, h3, h4, h5, h6 {
docs/src/routes/+layout.svelte
+1
-1
@@ -146,7 +146,7 @@
146
</main>
147
148
<aside class="hidden w-56 shrink-0 border-l border-border xl:block">
149
- <div class="sticky top-[var(--header-h)] h-[calc(100vh-var(--header-h))] overflow-y-auto py-8 pr-4">
149
+ <div class="sticky top-[var(--header-h)] h-[calc(100vh-var(--header-h))] overflow-y-auto py-8 px-4">
150
<TableOfContents />
151
</div>
152
</aside>