From 8b0334309b7ab9d36fd087394429123b504d7ce4 Mon Sep 17 00:00:00 2001
From: t0ng7u <dev@aiass.cc>
Date: Wed, 16 Jul 2025 03:42:19 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20style(layout):=20add=20horizonta?=
 =?UTF-8?q?l=20padding=20to=20top-offset=20divs=20for=20consistent=20spaci?=
 =?UTF-8?q?ng?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replaced every instance of
<div className="mt-[64px]">
with
<div className="mt-[64px] px-2">
to provide uniform horizontal padding across pages. No functional changes—visual layout improvement only.
---
 web/src/index.js                  | 1 +
 web/src/pages/About/index.js      | 2 +-
 web/src/pages/Channel/index.js    | 2 +-
 web/src/pages/Chat2Link/index.js  | 2 +-
 web/src/pages/Detail/index.js     | 2 +-
 web/src/pages/Log/index.js        | 2 +-
 web/src/pages/Midjourney/index.js | 2 +-
 web/src/pages/Pricing/index.js    | 2 +-
 web/src/pages/Redemption/index.js | 2 +-
 web/src/pages/Setting/index.js    | 2 +-
 web/src/pages/Task/index.js       | 2 +-
 web/src/pages/Token/index.js      | 2 +-
 web/src/pages/User/index.js       | 2 +-
 13 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/web/src/index.js b/web/src/index.js
index f3dd3592..2a097023 100644
--- a/web/src/index.js
+++ b/web/src/index.js
@@ -11,6 +11,7 @@ import './i18n/i18n.js';
 import './index.css';
 
 // 欢迎信息（二次开发者不准将此移除）
+// Welcome message (Secondary developers are not allowed to remove this)
 if (typeof window !== 'undefined') {
   console.log('%cWe ❤ NewAPI%c Github: https://github.com/QuantumNous/new-api',
     'color: #10b981; font-weight: bold; font-size: 24px;',
diff --git a/web/src/pages/About/index.js b/web/src/pages/About/index.js
index 032562ca..5ca96d97 100644
--- a/web/src/pages/About/index.js
+++ b/web/src/pages/About/index.js
@@ -105,7 +105,7 @@ const About = () => {
   );
 
   return (
-    <div className="mt-[64px]">
+    <div className="mt-[64px] px-2">
       {aboutLoaded && about === '' ? (
         <div className="flex justify-center items-center h-screen p-8">
           <Empty
diff --git a/web/src/pages/Channel/index.js b/web/src/pages/Channel/index.js
index 9e43f318..d8425bd3 100644
--- a/web/src/pages/Channel/index.js
+++ b/web/src/pages/Channel/index.js
@@ -3,7 +3,7 @@ import ChannelsTable from '../../components/table/ChannelsTable';
 
 const File = () => {
   return (
-    <div className="mt-[64px]">
+    <div className="mt-[64px] px-2">
       <ChannelsTable />
     </div>
   );
diff --git a/web/src/pages/Chat2Link/index.js b/web/src/pages/Chat2Link/index.js
index 28a48535..30ec785a 100644
--- a/web/src/pages/Chat2Link/index.js
+++ b/web/src/pages/Chat2Link/index.js
@@ -17,7 +17,7 @@ const chat2page = () => {
   }
 
   return (
-    <div className="mt-[64px]">
+    <div className="mt-[64px] px-2">
       <h3>正在加载，请稍候...</h3>
     </div>
   );
diff --git a/web/src/pages/Detail/index.js b/web/src/pages/Detail/index.js
index 2c0cf6a8..b5553cbf 100644
--- a/web/src/pages/Detail/index.js
+++ b/web/src/pages/Detail/index.js
@@ -1120,7 +1120,7 @@ const Detail = (props) => {
   }, []);
 
   return (
-    <div className="bg-gray-50 h-full mt-[64px]">
+    <div className="bg-gray-50 h-full mt-[64px] px-2">
       <div className="flex items-center justify-between mb-4">
         <h2
           className="text-2xl font-semibold text-gray-800 transition-opacity duration-1000 ease-in-out"
diff --git a/web/src/pages/Log/index.js b/web/src/pages/Log/index.js
index beec5dd9..74c570bb 100644
--- a/web/src/pages/Log/index.js
+++ b/web/src/pages/Log/index.js
@@ -2,7 +2,7 @@ import React from 'react';
 import LogsTable from '../../components/table/LogsTable';
 
 const Token = () => (
-  <div className="mt-[64px]">
+  <div className="mt-[64px] px-2">
     <LogsTable />
   </div>
 );
diff --git a/web/src/pages/Midjourney/index.js b/web/src/pages/Midjourney/index.js
index 3b0b9e59..71d4c3a8 100644
--- a/web/src/pages/Midjourney/index.js
+++ b/web/src/pages/Midjourney/index.js
@@ -2,7 +2,7 @@ import React from 'react';
 import MjLogsTable from '../../components/table/MjLogsTable';
 
 const Midjourney = () => (
-  <div className="mt-[64px]">
+  <div className="mt-[64px] px-2">
     <MjLogsTable />
   </div>
 );
diff --git a/web/src/pages/Pricing/index.js b/web/src/pages/Pricing/index.js
index c29883ea..b4183534 100644
--- a/web/src/pages/Pricing/index.js
+++ b/web/src/pages/Pricing/index.js
@@ -2,7 +2,7 @@ import React from 'react';
 import ModelPricing from '../../components/table/ModelPricing.js';
 
 const Pricing = () => (
-  <div className="mt-[64px]">
+  <div className="mt-[64px] px-2">
     <ModelPricing />
   </div>
 );
diff --git a/web/src/pages/Redemption/index.js b/web/src/pages/Redemption/index.js
index 3cc28975..b55f8fdc 100644
--- a/web/src/pages/Redemption/index.js
+++ b/web/src/pages/Redemption/index.js
@@ -3,7 +3,7 @@ import RedemptionsTable from '../../components/table/RedemptionsTable';
 
 const Redemption = () => {
   return (
-    <div className="mt-[64px]">
+    <div className="mt-[64px] px-2">
       <RedemptionsTable />
     </div>
   );
diff --git a/web/src/pages/Setting/index.js b/web/src/pages/Setting/index.js
index 1fae3516..43907826 100644
--- a/web/src/pages/Setting/index.js
+++ b/web/src/pages/Setting/index.js
@@ -150,7 +150,7 @@ const Setting = () => {
     }
   }, [location.search]);
   return (
-    <div className="mt-[64px]">
+    <div className="mt-[64px] px-2">
       <Layout>
         <Layout.Content>
           <Tabs
diff --git a/web/src/pages/Task/index.js b/web/src/pages/Task/index.js
index 7cceb3f1..4e3a9af4 100644
--- a/web/src/pages/Task/index.js
+++ b/web/src/pages/Task/index.js
@@ -2,7 +2,7 @@ import React from 'react';
 import TaskLogsTable from '../../components/table/TaskLogsTable.js';
 
 const Task = () => (
-  <div className="mt-[64px]">
+  <div className="mt-[64px] px-2">
     <TaskLogsTable />
   </div>
 );
diff --git a/web/src/pages/Token/index.js b/web/src/pages/Token/index.js
index 4c03767d..33921eb6 100644
--- a/web/src/pages/Token/index.js
+++ b/web/src/pages/Token/index.js
@@ -3,7 +3,7 @@ import TokensTable from '../../components/table/TokensTable';
 
 const Token = () => {
   return (
-    <div className="mt-[64px]">
+    <div className="mt-[64px] px-2">
       <TokensTable />
     </div>
   );
diff --git a/web/src/pages/User/index.js b/web/src/pages/User/index.js
index 12697d48..dfe7de81 100644
--- a/web/src/pages/User/index.js
+++ b/web/src/pages/User/index.js
@@ -3,7 +3,7 @@ import UsersTable from '../../components/table/UsersTable';
 
 const User = () => {
   return (
-    <div className="mt-[64px]">
+    <div className="mt-[64px] px-2">
       <UsersTable />
     </div>
   );