From dce32a7e3129064717d6990e24875344f382251c Mon Sep 17 00:00:00 2001
From: yuruo <yuruotong1@163.com>
Date: Thu, 13 Jun 2024 16:12:10 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20=E6=96=B0=E5=A2=9E(ui)=EF=BC=9A?=
 =?UTF-8?q?=E9=87=8D=E6=9E=84=E4=BA=86Config=E9=A1=B5=E9=9D=A2=EF=BC=8C?=
 =?UTF-8?q?=E5=B0=86=E5=8E=9F=E6=9C=89=E7=9A=84Config.tsx=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E5=88=A0=E9=99=A4=EF=BC=8C=E6=96=B0=E5=BB=BA=E4=BA=86?=
 =?UTF-8?q?Config/index.tsx=E5=92=8CConfig/styles.module.scss=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=EF=BC=8C=E5=B9=B6=E5=A2=9E=E5=8A=A0=E4=BA=86=E6=96=B0?=
 =?UTF-8?q?=E7=9A=84=E5=B8=83=E5=B1=80=E6=A0=B7=E5=BC=8F=E3=80=82=E5=90=8C?=
 =?UTF-8?q?=E6=97=B6=EF=BC=8C=E5=B0=86=E5=8E=9F=E6=9C=AC=E7=9A=84Home.tsx?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E9=87=8D=E5=91=BD=E5=90=8D=E4=B8=BAHome/inde?=
 =?UTF-8?q?x.tsx=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/autoMate/src/renderer/src/pages/Config.tsx |  8 -----
 .../src/renderer/src/pages/Config/index.tsx   | 15 +++++++++
 .../src/pages/Config/styles.module.scss       | 31 +++++++++++++++++++
 .../src/pages/{Home.tsx => Home/index.tsx}    |  0
 4 files changed, 46 insertions(+), 8 deletions(-)
 delete mode 100644 ui/autoMate/src/renderer/src/pages/Config.tsx
 create mode 100644 ui/autoMate/src/renderer/src/pages/Config/index.tsx
 create mode 100644 ui/autoMate/src/renderer/src/pages/Config/styles.module.scss
 rename ui/autoMate/src/renderer/src/pages/{Home.tsx => Home/index.tsx} (100%)

diff --git a/ui/autoMate/src/renderer/src/pages/Config.tsx b/ui/autoMate/src/renderer/src/pages/Config.tsx
deleted file mode 100644
index fb43094..0000000
--- a/ui/autoMate/src/renderer/src/pages/Config.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export default function Config(){
-  return (
-    <div>
-      Config
-    </div>
-  )
-}
-
diff --git a/ui/autoMate/src/renderer/src/pages/Config/index.tsx b/ui/autoMate/src/renderer/src/pages/Config/index.tsx
new file mode 100644
index 0000000..9e1f72e
--- /dev/null
+++ b/ui/autoMate/src/renderer/src/pages/Config/index.tsx
@@ -0,0 +1,15 @@
+import styles from "./styles.module.scss"
+export default function Config(){
+    return (
+      <main className={styles.container}>
+        <div> </div>
+        <div> </div>
+        <div className={styles.category}> </div>
+        <div className={styles.nav}> </div>
+        <div className={styles.content}> </div>
+      </main>
+    )
+  }
+  
+
+  
\ No newline at end of file
diff --git a/ui/autoMate/src/renderer/src/pages/Config/styles.module.scss b/ui/autoMate/src/renderer/src/pages/Config/styles.module.scss
new file mode 100644
index 0000000..695b109
--- /dev/null
+++ b/ui/autoMate/src/renderer/src/pages/Config/styles.module.scss
@@ -0,0 +1,31 @@
+.container{
+    @apply bg-white w-screen h-screen;
+    display: grid;
+    grid-template:
+    ' . . ' 30px
+    'category content' auto
+    // 第三行的高度是50像素、第一列宽度为100像素、第二列占据剩余空间
+    'nav content' 50px /100px 1fr;
+
+    div {
+        &:nth-child(1) {
+            @apply border-r;
+        }
+        &:nth-child(1), 
+        &:nth-child(2) {
+            -webkit-app-region: drag;
+        }
+        &.category {
+            grid-area: category;
+            @apply border-r;
+        }
+        &.content {
+            grid-area: content;
+            @apply bg-yellow-100;
+        }
+        &.nav {
+            grid-area: nav;
+            @apply border-r;
+        }
+    }
+}
\ No newline at end of file
diff --git a/ui/autoMate/src/renderer/src/pages/Home.tsx b/ui/autoMate/src/renderer/src/pages/Home/index.tsx
similarity index 100%
rename from ui/autoMate/src/renderer/src/pages/Home.tsx
rename to ui/autoMate/src/renderer/src/pages/Home/index.tsx