From 26e58b224dbc79b7b20cc9c423d9fbed6d42edfc Mon Sep 17 00:00:00 2001
From: jingrow <support@jingrow.com>
Date: Wed, 21 Jan 2026 20:15:51 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=B7=BB=E5=8A=A0=E8=83=8C?=
 =?UTF-8?q?=E6=99=AF=E9=A1=B5=E6=89=8B=E6=9C=BA=E7=AB=AF=E8=89=B2=E9=98=B6?=
 =?UTF-8?q?=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/tools/add_background/add_background.vue | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/views/tools/add_background/add_background.vue b/src/views/tools/add_background/add_background.vue
index 3e7d34b..b8bade8 100644
--- a/src/views/tools/add_background/add_background.vue
+++ b/src/views/tools/add_background/add_background.vue
@@ -1649,6 +1649,7 @@ const removeHistoryItem = (index: number) => {
   display: flex;
   align-items: center;
   justify-content: center;
+  flex-shrink: 0; /* Prevent flex compression */
   
   &:hover {
     transform: scale(1.1);
@@ -2558,18 +2559,20 @@ const removeHistoryItem = (index: number) => {
 
   .header-color-shades {
     width: 100%;
-    justify-content: flex-start;
+    justify-content: center; /* Center align the color shades */
     order: 3;
-    gap: 6px;
+    gap: 4px;
+    padding: 8px 0; /* Add vertical padding for separation */
   }
   
   .shade-item {
-    width: 32px;
-    height: 32px;
+    width: 28px;
+    height: 28px;
+    flex-shrink: 0; /* Prevent flex compression */
     
     &.active::after {
-      width: 7px;
-      height: 12px;
+      width: 6px;
+      height: 11px;
       border-width: 0 2px 2px 0;
     }
   }