refactor: 移除侧边栏抽屉

Author: ArgoZhang

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

@@ -20,7 +20,6 @@
                     <LogoutLink />
                 </LinkTemplate>
             </Logout>
-            <div class="layout-drawer" @onclick="@ToggleDrawer"><i class="fa-solid fa-gears"></i></div>
         </Header>
         <Side>
             <div class="layout-banner">
@@ -39,110 +38,4 @@
             </div>
         </Footer>
     </Layout>
-
-    <Drawer Placement="Placement.Right" @bind-IsOpen="@IsOpen" IsBackdrop="true">
-        <div class="layout-drawer-body">
-            <div class="btn btn-info w-100" @onclick="@(e => IsOpen = false)">点击关闭</div>
-            <div class="page-layout-demo-option">
-                <p>布局调整</p>
-                <div class="row">
-                    <div class="col-6">
-                        <Tooltip Title="左右结构">
-                            <div class="layout-item @(IsFullSide ? "active d-flex" : "d-flex")" @onclick="@(e => IsFullSide = true)">
-                                <div class="layout-left d-flex flex-column">
-                                    <div class="layout-left-header"></div>
-                                    <div class="layout-left-body flex-fill"></div>
-                                </div>
-                                <div class="layout-right d-flex flex-column flex-fill">
-                                    <div class="layout-right-header"></div>
-                                    <div class="layout-right-body flex-fill"></div>
-                                    <div class="layout-right-footer"></div>
-                                </div>
-                            </div>
-                        </Tooltip>
-                    </div>
-                    <div class="col-6">
-                        <Tooltip Title="上下结构">
-                            <div class="layout-item flex-column @(IsFullSide ? "d-flex" : "active d-flex")" @onclick="@(e => IsFullSide = false)">
-                                <div class="layout-top">
-                                </div>
-                                <div class="layout-body d-flex flex-fill">
-                                    <div class="layout-left">
-                                    </div>
-                                    <div class="layout-right flex-fill">
-                                    </div>
-                                </div>
-                                <div class="layout-footer">
-                                </div>
-                            </div>
-                        </Tooltip>
-                    </div>
-                </div>
-            </div>
-
-            <div class="page-layout-demo-option">
-                <p>固定调整</p>
-                <div class="row">
-                    <div class="col-6 d-flex align-items-center">
-                        <Switch @bind-Value="@IsFixedHeader" OnColor="@Color.Success" OffColor="@Color.Secondary"></Switch>
-                    </div>
-                    <div class="col-6 text-end">
-                        <span>固定页头</span>
-                    </div>
-                </div>
-                <div class="row mt-3">
-                    <div class="col-6 d-flex align-items-center">
-                        <Switch @bind-Value="@IsFixedFooter" OnColor="@Color.Success" OffColor="@Color.Secondary"></Switch>
-                    </div>
-                    <div class="col-6 text-end">
-                        <span>固定页脚</span>
-                    </div>
-                </div>
-                <div class="row mt-3">
-                    <div class="col-6 d-flex align-items-center">
-                        <Switch @bind-Value="@ShowFooter" OnColor="@Color.Success" OffColor="@Color.Secondary"></Switch>
-                    </div>
-                    <div class="col-6 text-end">
-                        <span>显示页脚</span>
-                    </div>
-                </div>
-            </div>
-
-            <div class="page-layout-demo-option">
-                <p>主题配色</p>
-                <div class="row">
-                    <div class="col-2">
-                        <span class="color color1" @onclick="@(e => Theme = "color1")"></span>
-                    </div>
-                    <div class="col-2">
-                        <span class="color color2" @onclick="@(e => Theme = "color2")"></span>
-                    </div>
-                    <div class="col-2">
-                        <span class="color color3" @onclick="@(e => Theme = "color3")"></span>
-                    </div>
-                    <div class="col-2">
-                        <span class="color color4" @onclick="@(e => Theme = "color4")"></span>
-                    </div>
-                    <div class="col-2">
-                        <span class="color color5" @onclick="@(e => Theme = "color5")"></span>
-                    </div>
-                    <div class="col-2">
-                        <span class="color color6" @onclick="@(e => Theme = "color6")"></span>
-                    </div>
-                </div>
-            </div>
-
-            <div class="page-layout-demo-option">
-                <p>更多设置</p>
-                <div class="row">
-                    <div class="col-6 d-flex align-items-center">
-                        <Switch @bind-Value="@UseTabSet" OnColor="@Color.Success" OffColor="@Color.Primary"></Switch>
-                    </div>
-                    <div class="col-6 text-end">
-                        <span>@(UseTabSet ? "多标签" : "单页")</span>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </Drawer>
 </CascadingValue>

src/BootstrapBlazor.Server/Components/Layout/PageLayout.razor.cs

@@ -74,9 +74,4 @@ protected override async Task OnInitializedAsync()
     /// 更新组件方法
     /// </summary>
     public void Update() => StateHasChanged();
-
-    private void ToggleDrawer()
-    {
-        IsOpen = !IsOpen;
-    }
 }