adjust navmenu context menu and my avatars ui

This commit is contained in:
pa
2026-03-08 16:50:21 +09:00
parent c0ce0ff1ea
commit 6d0cfdd8aa
4 changed files with 88 additions and 14 deletions
+12 -4
View File
@@ -13,6 +13,7 @@ import {
ArrowUpDown,
Check,
Ellipsis,
Eye,
Image,
Monitor,
Pencil,
@@ -94,7 +95,7 @@ export function getColumns({
<img
src={ref.thumbnailImageUrl}
class="cursor-pointer rounded-sm object-cover"
style="width: 36px; height: 24px;"
style="width: 34px; height: 22px;"
loading="lazy"
onClick={() => onShowAvatarDialog(ref.id)}
/>
@@ -137,7 +138,7 @@ export function getColumns({
const tags = row.original.$tags || [];
if (!tags.length) return null;
return (
<div class="flex flex-wrap gap-1">
<div class="flex flex-nowrap gap-1 overflow-hidden">
{tags.map((entry) => {
const hashColor = getTagColor(entry.tag);
const storedColor =
@@ -367,14 +368,21 @@ export function getColumns({
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button
class="rounded-full"
size="icon-sm"
class="rounded-full h-6 w-6"
size="icon"
variant="ghost"
>
<Ellipsis class="h-4 w-4" />
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent>
<DropdownMenuItem
onClick={() => onShowAvatarDialog(ref.id)}
>
<Eye class="size-4" />
{t('dialog.avatar.actions.view_details')}
</DropdownMenuItem>
<DropdownMenuSeparator />
<DropdownMenuItem
onClick={() =>
onContextMenuAction('manageTags', ref)