From f530e3e4a736c827550701e43f6f2585a641a13f Mon Sep 17 00:00:00 2001
From: Saeid Zareie <65568529+Saeid-Za@users.noreply.github.com>
Date: Fri, 8 Mar 2024 19:51:47 +0330
Subject: [PATCH] docs: fix small issue of collapsed sidenav in mail page
 (#396)

---
 apps/www/src/examples/mail/components/AccountSwitcher.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/www/src/examples/mail/components/AccountSwitcher.vue b/apps/www/src/examples/mail/components/AccountSwitcher.vue
index 09ad0a7f..7f37a978 100644
--- a/apps/www/src/examples/mail/components/AccountSwitcher.vue
+++ b/apps/www/src/examples/mail/components/AccountSwitcher.vue
@@ -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" />
-          {{ selectedEmailData!.label }}
+          <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>
+          {{ account.email }}
         </div>
       </SelectItem>
     </SelectContent>