diff options
| author | David Hill <[email protected]> | 2026-01-23 21:16:36 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-01-24 06:18:55 +0000 |
| commit | 1476c4ca49528a34e2609822e1b23030afbbfd63 (patch) | |
| tree | 97ee34ba25ffbecd337a0dd9704e955826fa43bb | |
| parent | 3b3ab29d8c277aefa93d3d8f0d95304433d02a0a (diff) | |
| download | opencode-1476c4ca49528a34e2609822e1b23030afbbfd63.tar.gz opencode-1476c4ca49528a34e2609822e1b23030afbbfd63.zip | |
fix(app): add shadow-xs-border with hover state to comment card
| -rw-r--r-- | packages/app/src/components/prompt-input.tsx | 6 | ||||
| -rw-r--r-- | packages/ui/src/styles/tailwind/index.css | 1 |
2 files changed, 4 insertions, 3 deletions
diff --git a/packages/app/src/components/prompt-input.tsx b/packages/app/src/components/prompt-input.tsx index 96981f552..51f1e143c 100644 --- a/packages/app/src/components/prompt-input.tsx +++ b/packages/app/src/components/prompt-input.tsx @@ -1681,7 +1681,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => { return ( <div classList={{ - "group shrink-0 flex flex-col gap-0.5 rounded-[6px] bg-background-stronger border border-border-base pl-2 pr-1 py-1 max-w-[200px] h-12 transition-all": true, + "group shrink-0 flex flex-col gap-0.5 rounded-[6px] bg-background-stronger pl-2 pr-1 py-1 max-w-[200px] h-12 transition-all shadow-xs-border hover:shadow-xs-border-hover": true, "cursor-pointer hover:bg-surface-interactive-weak": !!item.commentID, }} onClick={() => { @@ -1793,14 +1793,14 @@ export const PromptInput: Component<PromptInputProps> = (props) => { onKeyDown={handleKeyDown} classList={{ "select-text": true, - "w-full px-2 py-3 pr-12 text-14-regular text-text-strong focus:outline-none whitespace-pre-wrap": true, + "w-full p-3 pr-12 text-14-regular text-text-strong focus:outline-none whitespace-pre-wrap": true, "[&_[data-type=file]]:text-syntax-property": true, "[&_[data-type=agent]]:text-syntax-type": true, "font-mono!": store.mode === "shell", }} /> <Show when={!prompt.dirty()}> - <div class="absolute top-0 inset-x-0 px-2 py-3 pr-12 text-14-regular text-text-weak pointer-events-none whitespace-nowrap truncate"> + <div class="absolute top-0 inset-x-0 p-3 pr-12 text-14-regular text-text-weak pointer-events-none whitespace-nowrap truncate"> {store.mode === "shell" ? language.t("prompt.placeholder.shell") : language.t("prompt.placeholder.normal", { example: language.t(EXAMPLES[store.placeholder]) })} diff --git a/packages/ui/src/styles/tailwind/index.css b/packages/ui/src/styles/tailwind/index.css index d0a414fee..1515a5ecf 100644 --- a/packages/ui/src/styles/tailwind/index.css +++ b/packages/ui/src/styles/tailwind/index.css @@ -65,6 +65,7 @@ --shadow-xs-border-base: var(--shadow-xs-border-base); --shadow-xs-border-select: var(--shadow-xs-border-select); --shadow-xs-border-focus: var(--shadow-xs-border-focus); + --shadow-xs-border-hover: var(--shadow-xs-border-hover); --animate-pulse: var(--animate-pulse); } |