From 75ccd00843ae8973471df0342e5c13caf7ccb3a1 Mon Sep 17 00:00:00 2001
From: Azir-11 <2075125282@qq.com>
Date: Thu, 12 Mar 2026 17:29:19 +0800
Subject: [PATCH] fix(projects): resolve width abnormal issue of NColorPicker.

---
 .../modules/appearance/modules/theme-color.vue  | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/layouts/modules/theme-drawer/modules/appearance/modules/theme-color.vue b/src/layouts/modules/theme-drawer/modules/appearance/modules/theme-color.vue
index 6c38897d..c90449a0 100644
--- a/src/layouts/modules/theme-drawer/modules/appearance/modules/theme-color.vue
+++ b/src/layouts/modules/theme-drawer/modules/appearance/modules/theme-color.vue
@@ -68,14 +68,15 @@ const swatches: string[] = [
           {{ $t('theme.appearance.themeColor.followPrimary') }}
         </NCheckbox>
       </template>
-      <NColorPicker
-        class="w-90px"
-        :value="themeStore.themeColors[key]"
-        :disabled="key === 'info' && themeStore.isInfoFollowPrimary"
-        :show-alpha="false"
-        :swatches="swatches"
-        @update:value="handleUpdateColor($event, key)"
-      />
+      <div class="w-90px">
+        <NColorPicker
+          :value="themeStore.themeColors[key]"
+          :disabled="key === 'info' && themeStore.isInfoFollowPrimary"
+          :show-alpha="false"
+          :swatches="swatches"
+          @update:value="handleUpdateColor($event, key)"
+        />
+      </div>
     </SettingItem>
   </div>
 </template>