From ddb9bcda2fc2181d5fd9eef31aaaa8748d4ff40d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E6=B6=9B?= <midnite@outlook.com>
Date: Mon, 16 Dec 2024 16:15:50 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=BD=E5=8A=A0=E4=B8=A2=E5=A4=B1=E7=9A=84CS?=
 =?UTF-8?q?S=20Module=E6=96=87=E4=BB=B6=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                      | 10 +++++++---
 src/pages/MainLayout.module.css | 23 +++++++++++++++++++++++
 2 files changed, 30 insertions(+), 3 deletions(-)
 create mode 100644 src/pages/MainLayout.module.css

diff --git a/.gitignore b/.gitignore
index 0253e21..c3e492d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -68,7 +68,8 @@ $RECYCLE.BIN/
 .LSOverride
 
 # Icon must end with two \r
-Icon

+Icon
+
 
 # Thumbnails
 ._*
@@ -200,7 +201,8 @@ fabric.properties
 .LSOverride
 
 # Icon must end with two \r
-Icon

+Icon
+
 
 # Thumbnails
 ._*
@@ -1022,8 +1024,10 @@ _site/
 /vendor
 
 # Specific ignore for GitHub Pages
-# GitHub Pages will always use its own deployed version of pages-gem 
+# GitHub Pages will always use its own deployed version of pages-gem
 # This means GitHub Pages will NOT use your Gemfile.lock and therefore it is
 # counterproductive to check this file into the repository.
 # Details at https://github.com/github/pages-gem/issues/768
 Gemfile.lock
+
+!*.module.css
diff --git a/src/pages/MainLayout.module.css b/src/pages/MainLayout.module.css
new file mode 100644
index 0000000..edda07f
--- /dev/null
+++ b/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;
+  }
+}