From e6f5f5a0515e5e1a5003e7b5490da92b9a13e7b4 Mon Sep 17 00:00:00 2001
From: jackfiled <xcrenchangjun@outlook.com>
Date: Thu, 25 Jan 2024 19:54:54 +0800
Subject: [PATCH] =?UTF-8?q?add:=20=E7=BE=8E=E5=8C=96=E6=A0=87=E9=A2=98?=
 =?UTF-8?q?=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Layout/MainLayout.razor                   | 50 +++++++++++++------
 .../Layout/MainLayout.razor.css               |  4 ++
 2 files changed, 39 insertions(+), 15 deletions(-)
 create mode 100644 YaeBlog.Theme.FluentUI/Layout/MainLayout.razor.css

diff --git a/YaeBlog.Theme.FluentUI/Layout/MainLayout.razor b/YaeBlog.Theme.FluentUI/Layout/MainLayout.razor
index 197df14..01b9c0d 100644
--- a/YaeBlog.Theme.FluentUI/Layout/MainLayout.razor
+++ b/YaeBlog.Theme.FluentUI/Layout/MainLayout.razor
@@ -17,33 +17,53 @@
             <FluentSpacer/>
 
             <a href="/" style="margin: auto 0 auto 0">
-                <FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight">
-                    首页
-                </FluentLabel>
+                <div class="quick-link">
+                    <FluentIcon Value="@(new Icons.Regular.Size16.Home())" Color="@Color.Fill"/>
+                    <FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight"
+                                 Style="margin-left: 0.2rem">
+                        首页
+                    </FluentLabel>
+                </div>
             </a>
 
             <a href="/archives" style="margin: auto 0 auto 0">
-                <FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight">
-                    归档
-                </FluentLabel>
+                <div class="quick-link">
+                    <FluentIcon Value="@(new Icons.Regular.Size16.Archive())" Color="@Color.Fill"/>
+                    <FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight"
+                                 Style="margin-left: 0.2rem">
+                        归档
+                    </FluentLabel>
+                </div>
             </a>
 
             <a href="/tags" style="margin: auto 0 auto 0">
-                <FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight">
-                    标签
-                </FluentLabel>
+                <div class="quick-link">
+                    <FluentIcon Value="@(new Icons.Regular.Size16.Tag())" Color="@Color.Fill"/>
+                    <FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight"
+                                 Style="margin-left: 0.2rem">
+                        标签
+                    </FluentLabel>
+                </div>
             </a>
 
             <a href="/about" style="margin: auto 0 auto 0">
-                <FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight">
-                    关于
-                </FluentLabel>
+                <div class="quick-link">
+                    <FluentIcon Value="@(new Icons.Regular.Size16.PersonInfo())" Color="@Color.Fill"/>
+                    <FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight"
+                                 Style="margin-left: 0.2rem">
+                        关于
+                    </FluentLabel>
+                </div>
             </a>
 
             <a href="/links" style="margin: auto 0 auto 0">
-                <FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight">
-                    友链
-                </FluentLabel>
+                <div class="quick-link">
+                    <FluentIcon Value="@(new Icons.Regular.Size16.LinkMultiple())" Color="@Color.Fill"/>
+                    <FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight"
+                                 Style="margin-left: 0.2rem">
+                        友链
+                    </FluentLabel>
+                </div>
             </a>
 
             <div style="width: 20px"></div>
diff --git a/YaeBlog.Theme.FluentUI/Layout/MainLayout.razor.css b/YaeBlog.Theme.FluentUI/Layout/MainLayout.razor.css
new file mode 100644
index 0000000..4a33391
--- /dev/null
+++ b/YaeBlog.Theme.FluentUI/Layout/MainLayout.razor.css
@@ -0,0 +1,4 @@
+.quick-link {
+    display: flex;
+    align-items: center;
+}