From 67efb1b76ca3c14a47ab496177de5ec4c0f08025 Mon Sep 17 00:00:00 2001 From: David Hill Date: Fri, 20 Mar 2026 11:14:12 +0000 Subject: [PATCH] tweak(ui): match attachment preview chips --- .../app/src/components/prompt-input/image-attachments.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/app/src/components/prompt-input/image-attachments.tsx b/packages/app/src/components/prompt-input/image-attachments.tsx index 835fddc307..de09138904 100644 --- a/packages/app/src/components/prompt-input/image-attachments.tsx +++ b/packages/app/src/components/prompt-input/image-attachments.tsx @@ -9,12 +9,12 @@ type PromptImageAttachmentsProps = { removeLabel: string } -const fallbackClass = "size-16 rounded-md bg-surface-base flex items-center justify-center border border-border-base" -const imageClass = - "size-16 rounded-md object-cover border border-border-base hover:border-border-strong-base transition-colors" +const fallbackClass = + "size-12 rounded-[6px] bg-background-stronger flex items-center justify-center shadow-xs-border hover:shadow-xs-border-hover transition-all" +const imageClass = "size-12 rounded-[6px] object-cover shadow-xs-border hover:shadow-xs-border-hover transition-all" const removeClass = "absolute -top-1.5 -right-1.5 size-5 rounded-full bg-surface-raised-stronger-non-alpha border border-border-base flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity hover:bg-surface-raised-base-hover" -const nameClass = "absolute bottom-0 left-0 right-0 px-1 py-0.5 bg-black/50 rounded-b-md" +const nameClass = "absolute bottom-0 left-0 right-0 px-1 py-0.5 bg-black/50 rounded-b-[6px]" export const PromptImageAttachments: Component = (props) => { return (