From 01593dcbdc18fccb0c0c2fbc17e2fb2fbb9e3ee1 Mon Sep 17 00:00:00 2001
From: sulaimaannaasif6866 <sulaimaannaasif6866@gmail.com>
Date: Sun, 21 Jun 2026 03:05:26 +0000
Subject: [PATCH] =?UTF-8?q?style(admin):=20=E5=90=8E=E5=8F=B0=E5=90=84?=
 =?UTF-8?q?=E9=A1=B5=E5=AE=B9=E5=99=A8=E7=BB=9F=E4=B8=80=E5=B1=85=E4=B8=AD?=
 =?UTF-8?q?=20(mx-auto)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
---
 admin-frontend/src/components/ApiKeysPage.tsx     | 2 +-
 admin-frontend/src/components/AuditLogPage.tsx    | 2 +-
 admin-frontend/src/components/BrandsPage.tsx      | 2 +-
 admin-frontend/src/components/CategoriesPage.tsx  | 2 +-
 admin-frontend/src/components/StatsPage.tsx       | 2 +-
 admin-frontend/src/components/SubmissionsPage.tsx | 4 ++--
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/admin-frontend/src/components/ApiKeysPage.tsx b/admin-frontend/src/components/ApiKeysPage.tsx
index de9272a..6eeb021 100644
--- a/admin-frontend/src/components/ApiKeysPage.tsx
+++ b/admin-frontend/src/components/ApiKeysPage.tsx
@@ -44,7 +44,7 @@ export default function ApiKeysPage() {
   }
 
   return (
-    <div className="max-w-4xl">
+    <div className="mx-auto max-w-4xl">
       <div className="flex items-center justify-between mb-4">
         <div>
           <h2 className="text-lg font-semibold text-gray-800 flex items-center gap-2">
diff --git a/admin-frontend/src/components/AuditLogPage.tsx b/admin-frontend/src/components/AuditLogPage.tsx
index de30612..089cc43 100644
--- a/admin-frontend/src/components/AuditLogPage.tsx
+++ b/admin-frontend/src/components/AuditLogPage.tsx
@@ -40,7 +40,7 @@ export default function AuditLogPage() {
   const pages = Math.max(1, Math.ceil(total / size));
 
   return (
-    <div className="max-w-5xl">
+    <div className="mx-auto max-w-5xl">
       <h2 className="mb-4 flex items-center gap-2 text-lg font-semibold text-gray-800">
         <ScrollText className="h-5 w-5 text-emerald-600" /> 操作日志
         <span className="text-sm font-normal text-gray-400">共 {total} 条</span>
diff --git a/admin-frontend/src/components/BrandsPage.tsx b/admin-frontend/src/components/BrandsPage.tsx
index 156c07e..3f154c0 100644
--- a/admin-frontend/src/components/BrandsPage.tsx
+++ b/admin-frontend/src/components/BrandsPage.tsx
@@ -105,7 +105,7 @@ export default function BrandsPage() {
   }
 
   return (
-    <div className="max-w-4xl">
+    <div className="mx-auto max-w-4xl">
       <div className="flex items-center justify-between mb-4">
         <div>
           <h2 className="text-lg font-semibold text-gray-800 flex items-center gap-2">
diff --git a/admin-frontend/src/components/CategoriesPage.tsx b/admin-frontend/src/components/CategoriesPage.tsx
index 239f341..718d0ed 100644
--- a/admin-frontend/src/components/CategoriesPage.tsx
+++ b/admin-frontend/src/components/CategoriesPage.tsx
@@ -55,7 +55,7 @@ export default function CategoriesPage() {
   }
 
   return (
-    <div className="max-w-5xl">
+    <div className="mx-auto max-w-5xl">
       <div className="flex items-center justify-between mb-4">
         <div>
           <h2 className="text-lg font-semibold text-gray-800 flex items-center gap-2">
diff --git a/admin-frontend/src/components/StatsPage.tsx b/admin-frontend/src/components/StatsPage.tsx
index 491de41..54519fa 100644
--- a/admin-frontend/src/components/StatsPage.tsx
+++ b/admin-frontend/src/components/StatsPage.tsx
@@ -44,7 +44,7 @@ export default function StatsPage() {
   }, []);
 
   return (
-    <div className="max-w-5xl">
+    <div className="mx-auto max-w-5xl">
       <h2 className="mb-4 flex items-center gap-2 text-lg font-semibold text-gray-800">
         <BarChart3 className="h-5 w-5 text-emerald-600" /> 数据概览
       </h2>
diff --git a/admin-frontend/src/components/SubmissionsPage.tsx b/admin-frontend/src/components/SubmissionsPage.tsx
index a31682d..5ee1e1b 100644
--- a/admin-frontend/src/components/SubmissionsPage.tsx
+++ b/admin-frontend/src/components/SubmissionsPage.tsx
@@ -56,7 +56,7 @@ export default function SubmissionsPage({ onPending }: { onPending?: (n: number)
   }
 
   return (
-    <div>
+    <div className="mx-auto max-w-5xl">
       <div className="flex items-center gap-2 mb-4">
         {STATUS_TABS.map((t) => (
           <button
@@ -193,7 +193,7 @@ function SubmissionView({ id, onBack }: { id: string; onBack: () => void }) {
   const nutri = Object.entries(p.nutriments || {});
 
   return (
-    <div className="max-w-3xl">
+    <div className="mx-auto max-w-3xl">
       <button onClick={onBack} className="text-sm text-gray-500 flex items-center gap-1 mb-4">
         <ArrowLeft className="h-4 w-4" /> 返回投稿队列
       </button>