Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: small issue of collapsed version of in mail

Browse Source
This commit is contained in:
Saeid Zareie 2024-03-08 11:24:49 +03:30
parent 86a0ef2854
commit 0f5081a2bf
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/www/src/examples/mail/components/AccountSwitcher.vue
View File

@ -31,7 +31,9 @@ const selectedEmailData = computed(() => props.accounts.find(item => item.email
<SelectValue placeholder="Select an account">
<div class="flex items-center gap-3">
<Icon class="size-4" :icon="selectedEmailData!.icon" />
<span v-if="!isCollapsed">
{{ selectedEmailData!.label }}
</span>
</div>
</SelectValue>
</SelectTrigger>
@ -39,9 +41,7 @@ const selectedEmailData = computed(() => props.accounts.find(item => item.email
<SelectItem v-for="account of accounts" :key="account.email" :value="account.email">
<div class="flex items-center gap-3 [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-foreground">
<Icon class="size-4" :icon="account.icon" />
<span v-if="!isCollapsed">
{{ account.email }}
</span>
</div>
</SelectItem>
</SelectContent>