clone/opencode
1
0
Fork 0
mirror of https://github.com/anomalyco/opencode.git synced 2026-04-25 07:15:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

wrap settings row groups with styled container

Browse Source
This commit is contained in:
David Hill
2026-01-20 17:08:00 +00:00
parent 262aca1bca
commit 78bcbda2fa
1 changed files with 135 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/app/src/components/settings-general.tsx
View File

@@ -48,6 +48,7 @@ export const SettingsGeneral: Component = () => {
<div class="flex flex-col gap-1">
<h3 class="text-14-medium text-text-strong pb-2">Appearance</h3>
<div class="bg-surface-raised-base px-4 rounded-lg">
<SettingsRow title="Appearance" description="Customise how OpenCode looks on your device">
<Select
options={colorSchemeOptions}
@@ -102,11 +103,13 @@ export const SettingsGeneral: Component = () => {
/>
</SettingsRow>
</div>
</div>
{/* System notifications Section */}
<div class="flex flex-col gap-1">
<h3 class="text-14-medium text-text-strong pb-2">System notifications</h3>
<div class="bg-surface-raised-base px-4 rounded-lg">
<SettingsRow
title="Agent"
description="Show system notification when the agent is complete or needs attention"
@@ -131,11 +134,13 @@ export const SettingsGeneral: Component = () => {
/>
</SettingsRow>
</div>
</div>
{/* Sound effects Section */}
<div class="flex flex-col gap-1">
<h3 class="text-14-medium text-text-strong pb-2">Sound effects</h3>
<div class="bg-surface-raised-base px-4 rounded-lg">
<SettingsRow title="Agent" description="Play sound when the agent is complete or needs attention">
<Select
options={soundOptions}
@@ -198,6 +203,7 @@ export const SettingsGeneral: Component = () => {
</div>
</div>
</div>
</div>
)
}