✨ 新增(ui)：重构了Config页面，将原有的Config.tsx文件删除，新建了Config/index.tsx和Config/styles.module.scss文件，并增加了新的布局样式。同时，将原本的Home.tsx文件重命名为Home/index.tsx。

ui/autoMate/src/renderer/src/pages/Config.tsx

@@ -1,8 +0,0 @@
-export default function Config(){
-  return (
-    <div>
-      Config
-    </div>
-  )
-}
-

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>
+    )
+  }
+  
+
+  

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;
+        }
+    }
+}