Mirrors/colanode
1
0
Fork 0
mirror of https://github.com/colanode/colanode.git synced 2025-12-16 11:47:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix message reactions dialog

Browse Source
This commit is contained in:
Hakan Shehu
2025-11-27 16:27:36 -08:00
parent 1728b6eb49
commit 3b5290a4ac
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/ui/src/components/messages/message-reaction-counts-dialog.tsx
View File

@@ -34,7 +34,7 @@ export const MessageReactionCountsDialog = ({
return ( return (
<Dialog open={open} onOpenChange={onOpenChange}> <Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="overflow-hidden p-2 outline-none w-lg min-w-lg max-w-lg h-lg min-h-lg max-h-lg"> <DialogContent className="overflow-hidden p-2 outline-none w-lg min-w-lg max-w-lg h-128 min-h-128 max-h-128">
<VisuallyHidden> <VisuallyHidden>
<DialogTitle>Reactions</DialogTitle> <DialogTitle>Reactions</DialogTitle>
</VisuallyHidden> </VisuallyHidden>
@@ -42,15 +42,15 @@ export const MessageReactionCountsDialog = ({
defaultValue={reactionCounts[0]!.reaction} defaultValue={reactionCounts[0]!.reaction}
className="flex flex-row gap-4" className="flex flex-row gap-4"
> >
<TabsList className="flex flex-col gap-4"> <TabsList className="flex flex-col h-full justify-start items-start shrink-0 w-20">
{reactionCounts.map((reactionCount) => ( {reactionCounts.map((reactionCount) => (
<TabsTrigger <TabsTrigger
key={`tab-trigger-${reactionCount.reaction}`} key={`tab-trigger-${reactionCount.reaction}`}
className="flex w-full flex-row items-center justify-start gap-2 p-2" className="flex w-full flex-row items-center justify-start gap-2 p-2 h-auto flex-none"
value={reactionCount.reaction} value={reactionCount.reaction}
> >
<EmojiElement id={reactionCount.reaction} className="size-5" /> <EmojiElement id={reactionCount.reaction} className="size-5" />
{reactionCount.count} <span>{reactionCount.count}</span>
</TabsTrigger> </TabsTrigger>
))} ))}
</TabsList> </TabsList>