ソースを参照

tweak(ui): match attachment preview chips

David Hill 1 ヶ月 前
コミット
67efb1b76c

+ 4 - 4
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<PromptImageAttachmentsProps> = (props) => {
   return (