freedak/chinese-family-tree-2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0.0.8.2

Browse Source
This commit is contained in:
freedakgmail
2025-11-23 19:51:42 +08:00
parent 3b0d8255f6
commit bec270c9af
284 changed files with 23731 additions and 1862 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/site-header.tsx
+17 -19
View File
@@ -241,8 +241,8 @@ export function SiteHeader() {
<ChevronDown className="h-4 w-4 flex-shrink-0" />
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="start" className="w-[var(--radix-dropdown-menu-trigger-width)] min-w-[200px]">
<DropdownMenuLabel>我的家族树</DropdownMenuLabel>
<DropdownMenuContent align="start" className="w-[300px]">
<DropdownMenuLabel className="font-light">我的家族树</DropdownMenuLabel>
<DropdownMenuSeparator />
{familyTrees.map((tree) => (
<DropdownMenuItem
@@ -253,28 +253,26 @@ export function SiteHeader() {
const currentPath = window.location.pathname
router.push(`${currentPath}?treeId=${tree.id}`)
}}
className="cursor-pointer flex items-center justify-between group"
className="cursor-pointer flex items-center justify-between group py-3"
>
<div className="flex items-center overflow-hidden">
<span className="truncate">{tree.name}</span>
<div className="flex items-center gap-2 flex-1 min-w-0">
<span className="truncate flex-1">{tree.name}</span>
{getRoleBadge(tree.currentUserRole)}
</div>
<div className="flex items-center gap-2">
{currentTree?.id === tree.id && (
<span className="text-primary">✓</span>
)}
{permissions.canDeleteTree(tree.currentUserRole) && (
<Button
variant="ghost"
size="icon"
className="h-6 w-6 ml-auto"
onClick={(e) => handleDeleteTree(tree, e)}
disabled={deletingTreeId === tree.id}
>
<Trash2 className="h-3 w-3" />
</Button>
<span className="text-primary flex-shrink-0">✓</span>
)}
</div>
{permissions.canDeleteTree(tree.currentUserRole) && (
<Button
variant="ghost"
size="icon"
className="h-6 w-6 ml-2 flex-shrink-0 opacity-0 group-hover:opacity-100 transition-opacity"
onClick={(e) => handleDeleteTree(tree, e)}
disabled={deletingTreeId === tree.id}
>
<Trash2 className="h-3 w-3" />
</Button>
)}
</DropdownMenuItem>
))}
<DropdownMenuSeparator />