From a9980a989e91818b6d087a7a1d75bb2344896e4f Mon Sep 17 00:00:00 2001
From: Hao Wu <wuhaoecho@gmail.com>
Date: Sun, 14 Jul 2024 09:16:40 +0800
Subject: [PATCH] Simplify footer layout and add more options dropdown

---
 web/src/views/chat/layout/sider/Footer.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/src/views/chat/layout/sider/Footer.vue b/web/src/views/chat/layout/sider/Footer.vue
index 02d49bfc..7427e775 100644
--- a/web/src/views/chat/layout/sider/Footer.vue
+++ b/web/src/views/chat/layout/sider/Footer.vue
@@ -99,9 +99,7 @@ watch(appStore, () => {
   <footer class="flex items-center justify-between min-w-0 p-4 overflow-hidden border-t dark:border-neutral-800">
     <Setting v-if="show" v-model:visible="show" />
     <div class="flex-1 flex-shrink-0 overflow-hidden">
-      <NDropdown :options="options" @select="handleSelect">
-        <UserAvatar />
-      </NDropdown>
+      <UserAvatar />
     </div>
     <HoverButton :tooltip="$t('setting.snapshotLink')" @click="openSnapshotAll">
       <span class="text-xl text-[#4f555e] dark:text-white">
@@ -113,5 +111,10 @@ watch(appStore, () => {
         <SvgIcon icon="eos-icons:admin-outlined" />
       </span>
     </HoverButton>
+    <NDropdown :options="options" @select="handleSelect">
+      <HoverButton>
+        <SvgIcon icon="lucide:more-vertical" />
+      </HoverButton>
+    </NDropdown>
   </footer>
 </template>