From 4d4ab272ca4def748276647273b847e2b453761c Mon Sep 17 00:00:00 2001
From: jingrow <support@jingrow.com>
Date: Wed, 19 Nov 2025 16:31:30 +0800
Subject: [PATCH] center history bar and shrink thumbnails on remove bg page

---
 .../src/views/tools/RemoveBackground.vue      | 22 ++++++++-----------
 1 file changed, 9 insertions(+), 13 deletions(-)

diff --git a/apps/jingrow/frontend/src/views/tools/RemoveBackground.vue b/apps/jingrow/frontend/src/views/tools/RemoveBackground.vue
index 4395361..f2bdbf3 100644
--- a/apps/jingrow/frontend/src/views/tools/RemoveBackground.vue
+++ b/apps/jingrow/frontend/src/views/tools/RemoveBackground.vue
@@ -604,7 +604,6 @@ h1 {
 .tool-container {
   display: flex;
   flex-direction: column;
-  gap: 24px;
 }
 
 /* 上传区域 */
@@ -911,18 +910,20 @@ h1 {
 /* 底部历史记录栏 */
 .history-bar {
   width: 100%;
-  padding: 16px 0;
-  background: white;
-  border-top: 1px solid #e5e7eb;
+  padding: 16px 0 0;
+  background: transparent;
+  border-top: none;
   margin-top: 24px;
+  display: flex;
+  justify-content: center;
 }
 
 .history-scroll-container {
   display: flex;
-  gap: 12px;
+  gap: 10px;
   overflow-x: auto;
   overflow-y: hidden;
-  padding: 0 16px;
+  padding: 0;
   scrollbar-width: thin;
   scrollbar-color: #cbd5e1 transparent;
 
@@ -946,8 +947,8 @@ h1 {
 
 .history-item {
   flex-shrink: 0;
-  width: 80px;
-  height: 80px;
+  width: 64px;
+  height: 64px;
   border-radius: 8px;
   cursor: pointer;
   transition: all 0.2s ease;
@@ -1073,11 +1074,6 @@ h1 {
     }
   }
 
-  .history-item {
-    width: 64px;
-    height: 64px;
-  }
-
   .history-scroll-container {
     gap: 8px;
     padding: 0 8px;