|
|
@@ -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 (
|