From 52012d46fa7bc6f2173d1677e48af88cbdf4e122 Mon Sep 17 00:00:00 2001
From: Hooray <304327508@qq.com>
Date: Tue, 24 Jun 2025 10:11:13 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E8=AE=BE=E7=BD=AE=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E9=80=82=E9=85=8D=E7=A7=BB=E5=8A=A8=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AccountButton/index.vue   | 2 +-
 src/components/AccountButton/profile.vue | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/AccountButton/index.vue b/src/components/AccountButton/index.vue
index b2666099..5eb59aba 100644
--- a/src/components/AccountButton/index.vue
+++ b/src/components/AccountButton/index.vue
@@ -73,7 +73,7 @@ const isProfileShow = ref(false)
       </div>
     </FaButton>
   </FaDropdown>
-  <FaModal v-model="isProfileShow" align-center :header="false" :footer="false" :close-on-click-overlay="false" :close-on-press-escape="false" class="h-500px min-w-600px overflow-hidden" content-class="min-h-full p-0 flex">
+  <FaModal v-model="isProfileShow" align-center :header="false" :footer="false" :close-on-click-overlay="false" :close-on-press-escape="false" class="h-500px max-w-xl overflow-hidden" content-class="min-h-full p-0 flex">
     <Profile />
   </FaModal>
 </template>
diff --git a/src/components/AccountButton/profile.vue b/src/components/AccountButton/profile.vue
index 93968c30..fb7a4bf3 100644
--- a/src/components/AccountButton/profile.vue
+++ b/src/components/AccountButton/profile.vue
@@ -16,8 +16,8 @@ const tabs = ref([
 
 <template>
   <div class="min-h-full w-full">
-    <div class="fixed inset-s-0 bottom-0 top-0 h-full w-40 border-e">
-      <div v-for="(tab, index) in tabs" :key="index" class="cursor-pointer px-4 py-3 transition-background-color space-y-2 hover-bg-accent/50" :class="{ 'bg-accent hover-bg-accent!': active === index }" @click="active = index">
+    <div class="fixed right-0 top-0 z-1 flex flex-row overflow-auto border-b border-e bg-background md:(inset-s-0 bottom-0 h-full w-40 flex-col)">
+      <div v-for="(tab, index) in tabs" :key="index" class="flex-shrink-0 cursor-pointer px-4 py-3 transition-background-color space-y-2 hover-bg-accent/50" :class="{ 'bg-accent hover-bg-accent!': active === index }" @click="active = index">
         <div class="text-base text-accent-foreground leading-tight">
           {{ tab.title }}
         </div>
@@ -26,7 +26,7 @@ const tabs = ref([
         </div>
       </div>
     </div>
-    <div class="ms-40 min-h-full flex-col-center p-10">
+    <div class="min-h-full flex-col-center p-10 pt-20 md:(ms-40 pt-10)">
       <div v-if="active === 0">
         请开发者自行扩展
       </div>