From 8661110ec38f88b431d1da249229f13e0212ef88 Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Mon, 20 May 2024 13:07:26 +0800
Subject: [PATCH] sign

---
 components/i/Aside.vue    |  2 +-
 components/i/UserInfo.vue | 39 ++++++++++++++++++++++++++++++---------
 2 files changed, 31 insertions(+), 10 deletions(-)

diff --git a/components/i/Aside.vue b/components/i/Aside.vue
index c78f11e..32006ef 100644
--- a/components/i/Aside.vue
+++ b/components/i/Aside.vue
@@ -23,7 +23,7 @@
         </div>
     </div>
     <UDivider />
-    <div class="p-4 bg-gray-100 dark:bg-gray-900 border-r border-gray-200 dark:border-gray-800 flex flex-col items-center justify-center">
+    <div class="bg-gray-100 dark:bg-gray-900 border-r border-gray-200 dark:border-gray-800 flex flex-col items-center justify-center">
         <IUserInfo />
     </div>
     <UModal v-model="isOpenCreate" :ui="{ width: 'w-full sm:max-w-screen-md' }">
diff --git a/components/i/UserInfo.vue b/components/i/UserInfo.vue
index 35ed591..35da4a4 100644
--- a/components/i/UserInfo.vue
+++ b/components/i/UserInfo.vue
@@ -1,7 +1,7 @@
 <template>
-    <div class="flex w-full justify-between items-center gap-2">
-        <div class="flex flex-grow">
-            <UDropdown class="flex flex-grow" :items="items">
+    <div class="flex flex-col w-full">
+        <div class="flex flex-grow justify-between items-center gap-2 p-4">
+            <UDropdown v-if="$isSignIn" class="flex flex-grow" :items="items">
                 <UButton class="flex flex-grow gap-2" color="gray" variant="ghost">
                     <UAvatar :src="$info.avatar" />
                     <div>{{ $info.name }}</div>
@@ -10,13 +10,34 @@
                     <UIcon name="i-heroicons-chevron-down-20-solid" />
                 </UButton>
             </UDropdown>
+            <UButton
+                v-else
+                class="flex flex-grow gap-2 justify-center"
+                leading-icon="i-heroicons-user-circle-20-solid"
+                label="登录"
+            />
+        </div>
+        <UDivider />
+        <div class="flex justify-between gap-2 p-4">
+            <UButton
+                class="flex-grow"
+                color="gray"
+                variant="ghost"
+                label="问题反馈"
+            />
+            <UButton
+                :icon="isDark ? 'i-heroicons-moon-20-solid' : 'i-heroicons-sun-20-solid'"
+                color="gray"
+                variant="ghost"
+                aria-label="Theme"
+                @click="isDark = !isDark"
+            />
+            <UButton
+                icon="i-heroicons-language-20-solid"
+                color="gray"
+                variant="ghost"
+            />
         </div>
-        <UButton
-            :icon="isDark ? 'i-heroicons-moon-20-solid' : 'i-heroicons-sun-20-solid'"
-            color="white"
-            aria-label="Theme"
-            @click="isDark = !isDark"
-        />
     </div>
 </template>
 <script setup>
-- 
GitLab