doc(DialButton): add custom style (#5570)

Author: ArgoZhang

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

@@ -18,7 +18,7 @@
         @Body
     </section>
 
-    <DialButton DialMode="DialMode.Radial" Icon="fa-solid fa-gear" Radius="100" Placement="Placement.BottomEnd">
+    <DialButton DialMode="DialMode.Radial" Icon="fa-solid fa-gear" Radius="100" Placement="Placement.BottomEnd" class="bb-dial-gear">
         <ButtonTemplate>
             <div class="btn-circle btn-fade dial-button-gear">
                 <img src="./images/logo.png" />

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

@@ -76,7 +76,7 @@
             background-color: var(--bb-sidebar-body-drag-hover-bg);
         }
 
-::deep .dial-button {
+::deep .bb-dial-gear {
     display: none;
     position: fixed;
     z-index: 10;
@@ -172,7 +172,7 @@
         display: block;
     }
 
-    ::deep .dial-button {
+    ::deep .bb-dial-gear {
         display: block;
     }
 }