dnftools/dcalc
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

dev

Browse Source
This commit is contained in:
imelon
2026-05-07 10:26:50 +08:00
parent fd1b7730ad
commit cf5c178ee4
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontendNew/src/components/NavUser.vue
+7 -5
View File
@@ -21,11 +21,13 @@ import {
const props = defineProps<{ const props = defineProps<{
user: { user: {
name: string; name: string;
email: string; id: string;
avatar: string; avatar: string;
}; };
}>(); }>();
const { user } = toRefs(props);
const { isMobile } = useSidebar(); const { isMobile } = useSidebar();
</script> </script>
@@ -40,11 +42,11 @@ const { isMobile } = useSidebar();
> >
<Avatar class="h-8 w-8 rounded-lg"> <Avatar class="h-8 w-8 rounded-lg">
<AvatarImage :src="user.avatar" :alt="user.name" /> <AvatarImage :src="user.avatar" :alt="user.name" />
<AvatarFallback class="rounded-lg"> CN </AvatarFallback> <AvatarFallback class="rounded-lg"> Dcalc </AvatarFallback>
</Avatar> </Avatar>
<div class="grid flex-1 text-left text-sm leading-tight"> <div class="grid flex-1 text-left text-sm leading-tight">
<span class="truncate font-medium">{{ user.name }}</span> <span class="truncate font-medium">{{ user.name }}</span>
<span class="truncate text-xs">{{ user.email }}</span> <span class="truncate text-xs">{{ user.id }}</span>
</div> </div>
<ChevronsUpDown class="ml-auto size-4 group-data-[collapsible=icon]:hidden" /> <ChevronsUpDown class="ml-auto size-4 group-data-[collapsible=icon]:hidden" />
</SidebarMenuButton> </SidebarMenuButton>
@@ -59,11 +61,11 @@ const { isMobile } = useSidebar();
<div class="flex items-center gap-2 px-1 py-1.5 text-left text-sm"> <div class="flex items-center gap-2 px-1 py-1.5 text-left text-sm">
<Avatar class="h-8 w-8 rounded-lg"> <Avatar class="h-8 w-8 rounded-lg">
<AvatarImage :src="user.avatar" :alt="user.name" /> <AvatarImage :src="user.avatar" :alt="user.name" />
<AvatarFallback class="rounded-lg"> CN </AvatarFallback> <AvatarFallback class="rounded-lg"> Dcalc </AvatarFallback>
</Avatar> </Avatar>
<div class="grid flex-1 text-left text-sm leading-tight"> <div class="grid flex-1 text-left text-sm leading-tight">
<span class="truncate font-medium">{{ user.name }}</span> <span class="truncate font-medium">{{ user.name }}</span>
<span class="truncate text-xs">{{ user.email }}</span> <span class="truncate text-xs">{{ user.id }}</span>
</div> </div>
</div> </div>
</DropdownMenuLabel> </DropdownMenuLabel>