doc: 精简样式

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor

@@ -20,7 +20,7 @@
 
     <DialButton DialMode="DialMode.Radial" Icon="fa-solid fa-gear" Radius="100" Placement="Placement.BottomEnd" IsAutoClose="false">
         <ButtonTemplate>
-            <div class="dial-button-gear">
+            <div class="btn-circle btn-fade dial-button-gear">
                 <img src="./images/logo.png" />
             </div>
         </ButtonTemplate>
@@ -31,9 +31,9 @@
             <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>
             </DialButtonItem>
-            <DialButtonItem>
+            @* <DialButtonItem>
                 <ThemeChooser></ThemeChooser>
-            </DialButtonItem>
+            </DialButtonItem> *@
             <DialButtonItem>
                 <LinkButton TooltipPlacement="Placement.Left" ButtonStyle="ButtonStyle.Circle" Color="Color.None" TooltipText="@Title" class="btn-fade btn-update" Url="@WebsiteOption.CurrentValue.WikiUrl" Target="_blank" ImageUrl="@WebsiteOption.CurrentValue.GetAssetUrl("images/log.svg")"></LinkButton>
             </DialButtonItem>

src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css

@@ -128,18 +128,10 @@
 .dial-button-gear {
     background-color: var(--bb-primary-color);
     border-radius: 50%;
-    width: 40px;
-    height: 40px;
-    padding: 6px;
-    opacity: 0.7;
-    transition: opacity .3s linear;
+    padding: 4px;
     cursor: pointer;
 }
 
-    .dial-button-gear:hover {
-        opacity: 1;
-    }
-
     .dial-button-gear img {
         width: 100%;
     }