Marco/infoalloggi-monorepo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 6 Wiki Activity Actions

feat(chat): improve chat attachments styling and adjust button size

Browse source 
Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
Marco Pedone 2026-04-28 14:59:05 +02:00
parent ff722eb2a7
commit f790838093
2 changed files with 15 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/infoalloggi/src/components/chat/chat-attachments.tsx
View file

@ -29,7 +29,7 @@ export const ChatAttachments = ({
<div className="mt-1 flex flex-col items-end gap-1"> <div className="mt-1 flex flex-col items-end gap-1">
{data.map((file) => ( {data.map((file) => (
<div <div
className="flex w-fit items-center justify-end gap-2 rounded-md bg-secondary p-2 text-sm hover:bg-muted/50" className="flex w-fit items-center justify-end gap-2 rounded-md bg-secondary p-1.5 text-sm hover:bg-muted/50"
key={file.id} key={file.id}
> >
<div className="flex grow basis-full items-center gap-2 md:col-span-8"> <div className="flex grow basis-full items-center gap-2 md:col-span-8">
@ -53,7 +53,7 @@ export const ChatAttachments = ({
params: { mode: "download" }, params: { mode: "download" },
})} })}
> >
<Button className="flex size-8 gap-1 text-sm" size="icon"> <Button className="flex size-6 gap-1 text-sm" size="icon">
<Download className="size-4" /> <Download className="size-4" />
</Button> </Button>
</Link> </Link>

23
apps/infoalloggi/src/components/chat/chat-list.tsx
View file

@ -313,16 +313,19 @@ export const ChatList = () => {
className="mt-1 w-full rounded-md border-l-4 bg-secondary px-2 py-0.5 text-foreground group-hover:bg-secondary/90" className="mt-1 w-full rounded-md border-l-4 bg-secondary px-2 py-0.5 text-foreground group-hover:bg-secondary/90"
style={{ borderColor: reply_userColor }} style={{ borderColor: reply_userColor }}
> >
<span <div className="flex items-baseline gap-1">
className="font-semibold text-xs" <Reply className="size-3.5 text-primary" />
style={{ <span
color: reply_userColor, className="font-semibold text-xs"
}} style={{
> color: reply_userColor,
{message.reply_source.sender === session.id }}
? "Tu" >
: message.reply_source.nome} {message.reply_source.sender === session.id
</span> ? "Tu"
: message.reply_source.nome}
</span>
</div>
<span className="line-clamp-2 block break-all text-xs italic"> <span className="line-clamp-2 block break-all text-xs italic">
{message.reply_source.message} {message.reply_source.message}
</span> </span>