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 (
<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>
<DialogTitle>Reactions</DialogTitle>
</VisuallyHidden>
@@ -42,15 +42,15 @@ export const MessageReactionCountsDialog = ({
defaultValue={reactionCounts[0]!.reaction}
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) => (
<TabsTrigger
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}
>
<EmojiElement id={reactionCount.reaction} className="size-5" />
{reactionCount.count}
<span>{reactionCount.count}</span>
</TabsTrigger>
))}
</TabsList>