monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

tui: simplify prompt mode toggle icon colors via CSS and tighten message timeline padding

Browse Source
This commit is contained in:
David Hill
2026-02-17 20:09:42 +00:00
parent bab3124e8b
commit 92912219df
3 changed files with 23 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/app/src/components/prompt-input.tsx
View File

@@ -1361,14 +1361,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
class="w-full h-full flex items-center justify-center rounded-[2px] transition-colors hover:bg-surface-inset-base"
classList={{ "hover:bg-transparent": store.mode === "shell" }}
>
<Icon
name="console"
class="size-[18px]"
classList={{
"text-icon-strong-base": store.mode === "shell",
"text-icon-weak": store.mode !== "shell",
}}
/>
<Icon name="console" class="size-[18px]" />
</div>
</button>
<button
@@ -1381,14 +1374,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
class="w-full h-full flex items-center justify-center rounded-[2px] transition-colors hover:bg-surface-inset-base"
classList={{ "hover:bg-transparent": store.mode === "normal" }}
>
<Icon
name="prompt"
class="size-[18px]"
classList={{
"text-icon-interactive-base": store.mode === "normal",
"text-icon-weak": store.mode !== "normal",
}}
/>
<Icon name="prompt" class="size-[18px]" />
</div>
</button>
</div>