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

docs: fix small issue of collapsed sidenav in mail page (#396)

Browse Source
This commit is contained in:
Saeid Zareie 2024-03-08 19:51:47 +03:30 committed by GitHub
parent 7e8d658c21
commit f530e3e4a7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
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"> <SelectValue placeholder="Select an account">
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
<Icon class="size-4" :icon="selectedEmailData!.icon" /> <Icon class="size-4" :icon="selectedEmailData!.icon" />
{{ selectedEmailData!.label }} <span v-if="!isCollapsed">
{{ selectedEmailData!.label }}
</span>
</div> </div>
</SelectValue> </SelectValue>
</SelectTrigger> </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"> <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"> <div class="flex items-center gap-3 [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-foreground">
<Icon class="size-4" :icon="account.icon" /> <Icon class="size-4" :icon="account.icon" />
<span v-if="!isCollapsed"> {{ account.email }}
{{ account.email }}
</span>
</div> </div>
</SelectItem> </SelectItem>
</SelectContent> </SelectContent>