From 6d861a2829e38c63db1941e86a671b4915f93905 Mon Sep 17 00:00:00 2001
From: jingrow <support@jingrow.com>
Date: Wed, 19 Nov 2025 06:11:45 +0800
Subject: [PATCH] align RemoveBackground page styling with Tools page

---
 .../src/views/tools/RemoveBackground.vue      | 30 +++++++++----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/apps/jingrow/frontend/src/views/tools/RemoveBackground.vue b/apps/jingrow/frontend/src/views/tools/RemoveBackground.vue
index 766d961..3fee207 100644
--- a/apps/jingrow/frontend/src/views/tools/RemoveBackground.vue
+++ b/apps/jingrow/frontend/src/views/tools/RemoveBackground.vue
@@ -1,17 +1,7 @@
 <template>
   <div class="remove-background-page">
     <div class="page-header">
-      <div class="header-content">
-        <div class="header-left">
-          <div class="page-icon">
-            <i class="fa fa-magic"></i>
-          </div>
-          <div>
-            <h1>{{ t('Remove Background') }}</h1>
-            <p class="page-description">{{ t('Remove background from images using AI technology') }}</p>
-          </div>
-        </div>
-      </div>
+      <h2>{{ t('Remove Background') }}</h2>
     </div>
 
     <div class="page-content">
@@ -385,13 +375,24 @@ const handleDownload = () => {
 
 <style scoped lang="scss">
 .remove-background-page {
-  min-height: 100vh;
-  background: #f8fafc;
+  width: 100%;
   padding: 16px;
+  min-height: 100vh;
 }
 
 .page-header {
+  display: flex;
+  justify-content: center;
+  align-items: center;
   margin-bottom: 24px;
+  padding: 0;
+}
+
+.page-header h2 {
+  font-size: 24px;
+  font-weight: 700;
+  color: #1f2937;
+  margin: 0;
 }
 
 .header-content {
@@ -436,8 +437,7 @@ h1 {
 }
 
 .page-content {
-  max-width: 1400px;
-  margin: 0 auto;
+  position: relative;
 }
 
 .tool-container {