From c1ba0be98bf9ead82805e42022a56e12b71e9c26 Mon Sep 17 00:00:00 2001
From: sijinhui <sijinhui@qq.com>
Date: Thu, 21 Dec 2023 22:49:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/app/(admin)/admin/page.tsx      | 18 ++++++++++--------
 app/app/(admin)/admin/testchart.tsx |  2 +-
 app/app/(admin)/layout.tsx          | 11 ++++++-----
 3 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/app/app/(admin)/admin/page.tsx b/app/app/(admin)/admin/page.tsx
index bc8f813d6..bd26de746 100644
--- a/app/app/(admin)/admin/page.tsx
+++ b/app/app/(admin)/admin/page.tsx
@@ -5,13 +5,15 @@ import EchartsComponent from "./testchart";
 
 export default function AdminPage() {
   return (
-    <Grid numItems={1} numItemsSm={2} numItemsLg={3} className="gap-2">
-      <Col numColSpan={2} numColSpanLg={2}>
-        <UsageAnalysis />
-      </Col>
-      <Col numColSpan={1} numColSpanLg={1}>
-        <EchartsComponent />
-      </Col>
-    </Grid>
+    <>
+      <Grid numItems={1} numItemsSm={2} numItemsLg={3} className="gap-2">
+        <Col numColSpan={1} numColSpanLg={1}>
+          <UsageAnalysis />
+        </Col>
+        <Col numColSpan={1} numColSpanLg={2}>
+          <EchartsComponent />
+        </Col>
+      </Grid>
+    </>
   );
 }
diff --git a/app/app/(admin)/admin/testchart.tsx b/app/app/(admin)/admin/testchart.tsx
index dedcb1c24..45513dc13 100644
--- a/app/app/(admin)/admin/testchart.tsx
+++ b/app/app/(admin)/admin/testchart.tsx
@@ -47,7 +47,7 @@ const EchartsComponent: React.FC = () => {
     option && myChart.setOption(option);
   }, []); // 空数组作为第二个参数，表示仅在组件挂载和卸载时执行
 
-  return <div id="charts" style={{ width: "100%", height: "100%" }}></div>;
+  return <div id="charts" style={{ width: "100%", height: "400px" }}></div>;
 };
 
 export default EchartsComponent;
diff --git a/app/app/(admin)/layout.tsx b/app/app/(admin)/layout.tsx
index 7f0708649..240c0e232 100644
--- a/app/app/(admin)/layout.tsx
+++ b/app/app/(admin)/layout.tsx
@@ -12,14 +12,15 @@ export default async function AdminLayout({
   children: ReactNode;
 }) {
   return (
-    <div className="container mx-auto">
-      <div className="relative h-32 w-32"></div>
-      <div className="absolute inset-x-0 top-0 h-16">
-        <h1 className="font-cal text-3xl font-bold dark:text-white mx-auto">
+    <div className="flex min-h-screen flex-col justify-center py-12 sm:px-6 lg:px-8 w-full">
+      <div className="w-full">
+        <h1 className="mt-6 text-center font-cal text-3xl dark:text-white">
           Admin Page
         </h1>
+        <div className="mx-auto mt-4 w-11/12 max-w-screen-lg sm:w-full">
+          {children}
+        </div>
       </div>
-      {children}
     </div>
   );
 }