From 20aefb48ce12f4a860741d896951d0e155245d40 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E6=B6=9B?= <midnite@outlook.com>
Date: Thu, 28 Dec 2023 09:11:28 +0800
Subject: [PATCH] =?UTF-8?q?feat(compo):=E5=87=86=E5=A4=87=E4=B8=BB?=
 =?UTF-8?q?=E5=AF=BC=E8=88=AA=E5=8C=BA=E5=9F=9F=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/navigation/NavigationSection.jsx        | 9 +++++++++
 src/navigation/NavigationSection.module.css | 4 ++++
 2 files changed, 13 insertions(+)

diff --git a/src/navigation/NavigationSection.jsx b/src/navigation/NavigationSection.jsx
index 2982a9e..a6ce3cd 100644
--- a/src/navigation/NavigationSection.jsx
+++ b/src/navigation/NavigationSection.jsx
@@ -1,6 +1,9 @@
+import ActionIcon from "@/components/ActionIcon/ActionIcon";
 import ActivatableLink from "@/components/ActivatableLink/ActivatableLink";
 import Divider from "@/components/Divider/Divider";
+import Spacer from "@/components/Spacer/Spacer";
 import {
+  IconBrandGithub,
   IconDna2,
   IconFileExport,
   IconFileImport,
@@ -39,6 +42,12 @@ export default function NavigationSection() {
       <ActivatableLink href="/" leftIcon={<IconKeyboard stroke="1.5" />}>
         码表配置
       </ActivatableLink>
+      <Spacer />
+      <div class={prop("footer", classes)}>
+        <ActionIcon size="m" color="primary" variant="subtle">
+          <IconBrandGithub stroke="1.5" />
+        </ActionIcon>
+      </div>
     </aside>
   );
 }
diff --git a/src/navigation/NavigationSection.module.css b/src/navigation/NavigationSection.module.css
index 4523775..68bfff1 100644
--- a/src/navigation/NavigationSection.module.css
+++ b/src/navigation/NavigationSection.module.css
@@ -9,4 +9,8 @@
   .library-name {
     font-size: var(--font-size-xs);
   }
+  .footer {
+    width: 100%;
+    @include flex(row, flex-start, center);
+  }
 }