summaryrefslogtreecommitdiffhomepage
path: root/packages/app/src/components/settings-general.tsx
diff options
context:
space:
mode:
authorDavid Hill <[email protected]>2026-01-20 18:02:13 +0000
committerDavid Hill <[email protected]>2026-01-20 20:34:45 +0000
commit39afc055bf777d8eeeee2fa747e1d29b90cfe567 (patch)
tree47486f952fba066a48beb16fbb779d6ec59012b8 /packages/app/src/components/settings-general.tsx
parent73b1bc42f485d7097cd5cbd8ec6cca933319b435 (diff)
downloadopencode-39afc055bf777d8eeeee2fa747e1d29b90cfe567.tar.gz
opencode-39afc055bf777d8eeeee2fa747e1d29b90cfe567.zip
add fade gradient to settings panel headers
Diffstat (limited to 'packages/app/src/components/settings-general.tsx')
-rw-r--r--packages/app/src/components/settings-general.tsx8
1 files changed, 7 insertions, 1 deletions
diff --git a/packages/app/src/components/settings-general.tsx b/packages/app/src/components/settings-general.tsx
index f8ffb421d..dc0652e60 100644
--- a/packages/app/src/components/settings-general.tsx
+++ b/packages/app/src/components/settings-general.tsx
@@ -37,7 +37,13 @@ export const SettingsGeneral: Component = () => {
return (
<div class="flex flex-col h-full overflow-y-auto no-scrollbar">
- <div class="sticky top-0 z-10">
+ <div
+ class="sticky top-0 z-10"
+ style={{
+ background:
+ "linear-gradient(to bottom, var(--surface-raised-stronger-non-alpha) calc(100% - 24px), transparent)",
+ }}
+ >
<div class="flex flex-col gap-1 p-8 max-w-[720px]">
<h2 class="text-16-medium text-text-strong">General</h2>
</div>