From c778c0b928d4599571cdaa90caf9f063610fb7f6 Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Tue, 12 Aug 2025 10:49:39 +0800
Subject: [PATCH 1/2] =?UTF-8?q?refactor:=20=E4=BB=A3=E7=A0=81=E6=A0=BC?=
 =?UTF-8?q?=E5=BC=8F=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/Layout/MainLayout.razor                    | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor b/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor
index 9ca982cc104..9727aa6026a 100644
--- a/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor
+++ b/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor
@@ -29,13 +29,17 @@
                 <ThemeMode></ThemeMode>
             </DialButtonItem>
             <DialButtonItem>
-                <LinkButton TooltipPlacement="Placement.Left" ButtonStyle="ButtonStyle.Circle" Color="Color.None" TooltipText="@ChatTooltip" class="btn-fade btn-chat" Url="./ai-chat" Icon="fa-solid fa-comments"></LinkButton>
+                <LinkButton TooltipPlacement="Placement.Left" ButtonStyle="ButtonStyle.Circle" Color="Color.None"
+                            TooltipText="@ChatTooltip" class="btn-fade btn-chat" Url="./ai-chat"
+                            Icon="fa-solid fa-comments"></LinkButton>
             </DialButtonItem>
             <DialButtonItem>
                 <ThemeChooser></ThemeChooser>
             </DialButtonItem>
             <DialButtonItem>
-                <LinkButton TooltipPlacement="Placement.Left" ButtonStyle="ButtonStyle.Circle" Color="Color.None" TooltipText="@Title" class="btn-fade btn-update" Url="@WebsiteOption.Value.WikiUrl" Target="_blank" ImageUrl="@WebsiteOption.Value.GetAssetUrl("images/log.svg")"></LinkButton>
+                <LinkButton TooltipPlacement="Placement.Left" ButtonStyle="ButtonStyle.Circle" Color="Color.None"
+                            TooltipText="@Title" class="btn-fade btn-update" Url="@WebsiteOption.Value.WikiUrl"
+                            Target="_blank" ImageUrl="@WebsiteOption.Value.GetAssetUrl("images/log.svg")"></LinkButton>
             </DialButtonItem>
         </ChildContent>
     </DialButton>

From 0d0f11b63f284bde740de39550fa5b6804a860f6 Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Tue, 12 Aug 2025 11:17:29 +0800
Subject: [PATCH 2/2] =?UTF-8?q?doc:=20=E9=87=8D=E6=9E=84=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E6=97=A5=E5=BF=97=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/Layout/MainLayout.razor        | 16 ++++++++------
 .../Components/Layout/MainLayout.razor.css    | 21 +++++--------------
 .../wwwroot/images/log.svg                    |  1 -
 3 files changed, 15 insertions(+), 23 deletions(-)
 delete mode 100644 src/BootstrapBlazor.Server/wwwroot/images/log.svg

diff --git a/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor b/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor
index 9727aa6026a..e67b273a332 100644
--- a/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor
+++ b/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor
@@ -29,17 +29,21 @@
                 <ThemeMode></ThemeMode>
             </DialButtonItem>
             <DialButtonItem>
-                <LinkButton TooltipPlacement="Placement.Left" ButtonStyle="ButtonStyle.Circle" Color="Color.None"
-                            TooltipText="@ChatTooltip" class="btn-fade btn-chat" Url="./ai-chat"
-                            Icon="fa-solid fa-comments"></LinkButton>
+                <Tooltip Title="@ChatTooltip" Placement="Placement.Left" class="btn btn-circle btn-fade btn-dial-item d-flex">
+                    <a href="./ai-chat">
+                        <i class="fa-solid fa-comments"></i>
+                    </a>
+                </Tooltip>
             </DialButtonItem>
             <DialButtonItem>
                 <ThemeChooser></ThemeChooser>
             </DialButtonItem>
             <DialButtonItem>
-                <LinkButton TooltipPlacement="Placement.Left" ButtonStyle="ButtonStyle.Circle" Color="Color.None"
-                            TooltipText="@Title" class="btn-fade btn-update" Url="@WebsiteOption.Value.WikiUrl"
-                            Target="_blank" ImageUrl="@WebsiteOption.Value.GetAssetUrl("images/log.svg")"></LinkButton>
+                <Tooltip Title="@ChatTooltip" Placement="Placement.Left" class="btn btn-circle btn-fade btn-dial-item d-flex">
+                    <a href="@WebsiteOption.Value.WikiUrl" target="_blank">
+                        <i class="fa-solid fa-file-circle-check"></i>
+                    </a>
+                </Tooltip>
             </DialButtonItem>
         </ChildContent>
     </DialButton>
diff --git a/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css b/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css
index d0416ad10ed..6a07e3ed9cb 100644
--- a/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css
+++ b/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css
@@ -96,21 +96,7 @@
         opacity: 1;
     }
 
-::deep .btn-update {
-    --bs-btn-bg: var(--bb-layout-button-update-bg);
-    --bs-btn-hover-bg: var(--bs-btn-bg);
-    --bs-btn-active-bg: var(--bs-btn-bg);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-    ::deep .btn-update img {
-        width: 55%;
-        margin-inline-start: 2px;
-    }
-
-::deep .btn-chat {
+::deep .btn-dial-item {
     --bs-btn-bg: var(--bb-layout-button-bg);
     --bs-btn-hover-bg: var(--bb-layout-button-hover-bg);
     --bs-btn-active-bg: var(--bb-layout-button-active-bg);
@@ -118,9 +104,12 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    color: var(--bb-button-chat-color);
 }
 
+    ::deep .btn-dial-item a {
+        color: var(--bb-button-chat-color);
+    }
+
 ::deep .btn-theme-mode {
     --bs-btn-bg: var(--bb-layout-button-bg);
     --bs-btn-hover-bg: var(--bb-layout-button-hover-bg);
diff --git a/src/BootstrapBlazor.Server/wwwroot/images/log.svg b/src/BootstrapBlazor.Server/wwwroot/images/log.svg
deleted file mode 100644
index ddef642801d..00000000000
--- a/src/BootstrapBlazor.Server/wwwroot/images/log.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1622604514977" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1211" width="64" height="64" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M583.161494 767.249267c18.518084 0 32.531769 14.514174 32.531769 32.531769s-14.514174 32.531769-32.531769 32.531769h-53.051809c26.525904 75.573803 100.097752 128.625611 185.68133 128.625611 79.577713 0 150.647116-47.045943 181.677419-120.117302 6.005865-16.516129 24.523949-22.521994 40.539589-16.516129 16.516129 6.005865 24.523949 24.523949 18.518085 40.53959-40.539589 95.593353-134.631476 159.155425-240.735093 159.155425-93.591398 0-181.677419-51.049853-228.222874-132.629521v36.535679c0 12.01173-6.005865 22.521994-16.516129 28.52786-10.009775 6.005865-22.521994 6.005865-32.53177 0s-16.516129-16.516129-16.516129-28.52786v-128.625611c0-8.00782 4.00391-16.516129 10.009776-22.521994 6.005865-6.005865 14.514174-10.009775 22.521994-10.009775h128.625611v0.500489zM161.24947 63.562072c-45.043988 0-83.581623 38.537634-83.581622 87.585533V868.848485c0 49.047898 38.537634 87.585533 83.581622 87.585533H344.428356c18.518084 0 34.533724 14.514174 34.533724 32.531769 0 18.518084-16.516129 32.531769-34.533724 32.531769H161.24947c-40.539589 0-79.577713-16.516129-108.105572-45.043988-28.527859-28.527859-45.043988-67.065494-45.043988-108.105572V151.147605c0-40.539589 16.516129-79.577713 45.043988-108.105572 28.527859-26.525904 67.065494-43.042033 108.105572-43.042033h472.961877c8.00782 0 16.516129 2.001955 22.521994 8.00782l234.729228 248.742913c8.00782 6.005865 12.01173 14.514174 12.01173 24.523949v175.171066c0 18.518084-16.516129 32.531769-34.533724 32.531769s-34.533724-14.514174-34.533725-32.531769V318.31085h-165.16129c-26.525904 0-36.535679-2.001955-53.051808-10.009775-22.521994-12.01173-32.531769-34.533724-34.533725-65.063538V63.562072h-420.410557z m552.53959 446.435973c91.589443 0 173.16911 47.045943 218.213098 118.115347v-22.521994c0-18.518084 14.514174-32.531769 32.53177-32.531769s32.531769 14.514174 32.531769 32.531769v128.625611c0 16.516129-10.009775 28.527859-26.525904 30.529814h-134.631476c-18.518084 0-32.531769-14.514174-32.53177-32.531769 0-18.518084 14.514174-32.531769 32.53177-32.53177h61.059628c-26.525904-75.573803-100.097752-128.625611-185.681329-128.62561-77.575758 0-146.643206 45.043988-179.675464 112.109481-4.00391 20.520039-22.521994 26.525904-38.537635 20.52004-16.516129-8.00782-22.521994-26.525904-16.516129-43.042034 43.542522-91.088954 137.13392-150.647116 237.231672-150.647116z m-417.908114 65.564027c18.518084 0 32.531769 14.514174 32.53177 32.53177 0 18.518084-14.514174 32.531769-32.53177 32.531769H167.255335c-18.518084 0-32.531769-14.514174-32.531769-32.531769 0-18.518084 14.514174-32.531769 32.531769-32.53177h128.625611z m191.687195-161.15738c18.518084 0 32.531769 14.514174 32.531769 32.531769 0 18.518084-14.514174 32.531769-32.531769 32.53177h-320.312806c-18.518084 0-32.531769-14.514174-32.531769-32.53177 0-18.518084 14.514174-32.531769 32.531769-32.531769h320.312806zM295.880946 255.249267c18.518084 0 32.531769 14.514174 32.53177 32.531769s-14.514174 32.531769-32.53177 32.531769H167.255335c-18.518084 0-32.531769-14.514174-32.531769-32.531769s14.514174-32.531769 32.531769-32.531769h128.625611z m350.342131-163.159335v144.641251c0 12.01173 2.001955 14.514174 2.001955 16.516129 2.001955 0 4.00391 2.001955 10.009775 2.001955h134.631476c0.500489 0-146.643206-163.159335-146.643206-163.159335z" p-id="1212" fill="#e6e6e6"></path></svg>