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