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

chore: app polish (#13976)

Browse Source 
Co-authored-by: David Hill <iamdavidhill@gmail.com>
This commit is contained in:
Adam
2026-02-17 07:34:02 -06:00
committed by GitHub
parent 10985671ad
commit 277c68d8e5
2 changed files with 30 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1334,7 +1334,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
<div class="shrink-0"> <div class="shrink-0">
<div <div
data-component="prompt-mode-toggle" data-component="prompt-mode-toggle"
class="relative h-8 w-[68px] rounded-[4px] bg-surface-inset-base shadow-[var(--shadow-xs-border-base)] p-0 flex items-center gap-1 overflow-visible" class="relative h-6 w-[68px] rounded-[4px] bg-surface-inset-base border border-[0.5px] border-border-weak-base p-0 flex items-center gap-1 overflow-visible"
> >
<div <div
class="absolute inset-y-0 left-0 w-[calc((100%-4px)/2)] rounded-[4px] bg-surface-raised-stronger-non-alpha shadow-[var(--shadow-xs-border)] transition-transform duration-200 ease-out will-change-transform" class="absolute inset-y-0 left-0 w-[calc((100%-4px)/2)] rounded-[4px] bg-surface-raised-stronger-non-alpha shadow-[var(--shadow-xs-border)] transition-transform duration-200 ease-out will-change-transform"
@@ -1344,33 +1344,43 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
/> />
<button <button
type="button" type="button"
class="relative z-10 flex-1 h-full flex items-center justify-center rounded-[4px]" class="relative z-10 flex-1 h-full p-0.5 flex items-center justify-center"
aria-pressed={store.mode === "shell"} aria-pressed={store.mode === "shell"}
onClick={() => setMode("shell")} onClick={() => setMode("shell")}
> >
<Icon <div
name="console" class="w-full h-full flex items-center justify-center rounded-[2px] transition-colors hover:bg-surface-inset-base"
size="normal" classList={{ "hover:bg-transparent": store.mode === "shell" }}
classList={{ >
"text-icon-strong-base": store.mode === "shell", <Icon
"text-icon-weak": store.mode !== "shell", name="console"
}} class="size-[18px]"
/> classList={{
"text-icon-strong-base": store.mode === "shell",
"text-icon-weak": store.mode !== "shell",
}}
/>
</div>
</button> </button>
<button <button
type="button" type="button"
class="relative z-10 flex-1 h-full flex items-center justify-center rounded-[4px]" class="relative z-10 flex-1 h-full p-0.5 flex items-center justify-center"
aria-pressed={store.mode === "normal"} aria-pressed={store.mode === "normal"}
onClick={() => setMode("normal")} onClick={() => setMode("normal")}
> >
<Icon <div
name="prompt" class="w-full h-full flex items-center justify-center rounded-[2px] transition-colors hover:bg-surface-inset-base"
size="normal" classList={{ "hover:bg-transparent": store.mode === "normal" }}
classList={{ >
"text-icon-interactive-base": store.mode === "normal", <Icon
"text-icon-weak": store.mode !== "normal", name="prompt"
}} class="size-[18px]"
/> classList={{
"text-icon-interactive-base": store.mode === "normal",
"text-icon-weak": store.mode !== "normal",
}}
/>
</div>
</button> </button>
</div> </div>
</div> </div>

2
packages/app/src/components/titlebar.tsx
View File

@@ -278,7 +278,7 @@ export function Titlebar() {
}} }}
onMouseDown={drag} onMouseDown={drag}
> >
<div id="opencode-titlebar-right" class="flex items-center gap-3 shrink-0 justify-end" /> <div id="opencode-titlebar-right" class="flex items-center gap-1 shrink-0 justify-end" />
<Show when={windows()}> <Show when={windows()}>
<div class="w-6 shrink-0" /> <div class="w-6 shrink-0" />
<div data-tauri-decorum-tb class="flex flex-row" /> <div data-tauri-decorum-tb class="flex flex-row" />