From 6eccb78e76b412168a1721937d47d2e467beb60f Mon Sep 17 00:00:00 2001
From: GouJ <hefangjay@qq.com>
Date: Mon, 14 Sep 2026 11:32:49 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=E4=B8=BB=E9=A2=98=E8=8F=9C=E5=8D=95=E5=8F=B3=E4=BE=A7?=
 =?UTF-8?q?=E8=A3=81=E5=89=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ui/ThemeToggle.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/ui/ThemeToggle.vue b/src/components/ui/ThemeToggle.vue
index 41207f0..beded43 100644
--- a/src/components/ui/ThemeToggle.vue
+++ b/src/components/ui/ThemeToggle.vue
@@ -22,7 +22,16 @@ function selectTheme(key: string | number) {
 </script>
 
 <template>
-    <NDropdown v-model:show="open" trigger="click" :value="preference" :options="options" @select="selectTheme">
+    <!-- 菜单右边缘对齐按钮并挂到 body，避免窄屏向右溢出或被外壳裁剪。 -->
+    <NDropdown
+        v-model:show="open"
+        trigger="click"
+        placement="bottom-end"
+        to="body"
+        :value="preference"
+        :options="options"
+        @select="selectTheme"
+    >
         <NButton
             quaternary
             class="theme-toggle icon-button"