doc: 使用 BootstrapBlazorRootContent 重构样式选择组件

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Components/ThemeChooser.razor

@@ -9,9 +9,12 @@
     }
 </HeadContent>
 
-<div id="@Id" class="theme">
-    <PulseButton class="btn-fade btn-theme" Color="Color.None" ImageUrl="@WebsiteOption.CurrentValue.GetAssetUrl("images/m.svg")" TooltipText="@Title" TooltipPlacement="Placement.Left" />
-    <div class="theme-list">
+<div id="@Id" class="theme" @onclick:stopPropagation>
+    <PulseButton TooltipPlacement="Placement.Left" TooltipText="@Title" Color="Color.None" ImageUrl="@WebsiteOption.CurrentValue.GetAssetUrl("images/m.svg")" class="btn-fade btn-theme" />
+</div>
+
+<BootstrapBlazorRootContent>
+    <div class="theme-list" @onclick:stopPropagation>
         <div class="theme-header">
             <div class="flex-fill">@HeaderText</div>
             <button class="btn-close btn-close-white" type="button" aria-label="Close"></button>
@@ -23,4 +26,4 @@
             </div>
         }
     </div>
-</div>
+</BootstrapBlazorRootContent>

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

@@ -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>