更改服务运行端口。

.gitignore

@@ -70,6 +70,7 @@ $RECYCLE.BIN/
 # Icon must end with two \r
 Icon
 
+
 # Thumbnails
 ._*
 
@@ -202,6 +203,7 @@ fabric.properties
 # Icon must end with two \r
 Icon
 
+
 # Thumbnails
 ._*
 
@@ -1027,3 +1029,5 @@ _site/
 # counterproductive to check this file into the repository.
 # Details at https://github.com/github/pages-gem/issues/768
 Gemfile.lock
+
+!*.module.css

server.ts

@@ -21,6 +21,6 @@ app.get('/', async () => {
   });
 });
 
-app.listen(3000);
+app.listen(8000);
 
 console.log(`Server running at http://${app.server?.hostname}:${app.server?.port}`);

src/pages/MainLayout.module.css

@@ -0,0 +1,23 @@
+@layer page {
+  .main_layout {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: stretch;
+  }
+  .navigation_column {
+    min-width: 230px;
+    flex: 0 0 auto;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: stretch;
+    gap: 4px;
+  }
+  .content {
+    flex: 1 0 auto;
+  }
+}