dmitry.galkin/chatbot-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: small ui nits (#1178)

Browse source
This commit is contained in:
josh 2025-09-09 22:19:34 +01:00 • committed by GitHub
parent 848205f5cb
commit eae41c635d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
13 changed files with 50 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/preview-attachment.tsx
View file

@ -18,7 +18,7 @@ export const PreviewAttachment = ({
const { name, url, contentType } = attachment;
return (
<div data-testid="input-attachment-preview" className="group relative size-16 rounded-lg overflow-hidden bg-muted border">
<div data-testid="input-attachment-preview" className='group relative size-16 overflow-hidden rounded-lg border bg-muted'>
{contentType?.startsWith('image') ? (
<Image
src={url}
@ -28,7 +28,7 @@ export const PreviewAttachment = ({
height={64}
/>
) : (
<div className="size-full flex items-center justify-center text-xs text-muted-foreground">
<div className='flex size-full items-center justify-center text-muted-foreground text-xs'>
File
</div>
)}
@ -50,7 +50,7 @@ export const PreviewAttachment = ({
</Button>
)}
<div className="absolute bottom-0 inset-x-0 bg-linear-to-t from-black/80 to-transparent text-white text-[10px] px-1 py-0.5 truncate">
<div className='absolute inset-x-0 bottom-0 truncate bg-linear-to-t from-black/80 to-transparent px-1 py-0.5 text-[10px] text-white'>
{name}
</div>
</div>