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">
{data.map((file) => (
<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}
>
<div className="flex grow basis-full items-center gap-2 md:col-span-8">
@ -53,7 +53,7 @@ export const ChatAttachments = ({
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" />
</Button>
</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"
style={{ borderColor: reply_userColor }}
>
<span
className="font-semibold text-xs"
style={{
color: reply_userColor,
}}
>
{message.reply_source.sender === session.id
? "Tu"
: message.reply_source.nome}
</span>
<div className="flex items-baseline gap-1">
<Reply className="size-3.5 text-primary" />
<span
className="font-semibold text-xs"
style={{
color: reply_userColor,
}}
>
{message.reply_source.sender === session.id
? "Tu"
: message.reply_source.nome}
</span>
</div>
<span className="line-clamp-2 block break-all text-xs italic">
{message.reply_source.message}
</span>