weiai/BootstrapBlazor
1
0
Fork 0
mirror of https://github.com/dotnetcore/BootstrapBlazor.git synced 2025-12-20 02:16:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

doc(Layout): update Layout sample (#2753)

Browse Source
This commit is contained in:
Argo Zhang
2024-01-07 10:03:45 +08:00
committed by GitHub
parent dd5268e2d3
commit 1e19081e53
3 changed files with 19 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/BootstrapBlazor.Server/Components/Layout/PageLayout.razor.cs
View File

@@ -13,7 +13,7 @@ public sealed partial class PageLayout
private string? Theme { get; set; }
private string? LayoutClassString => CssBuilder.Default()
private string? LayoutClassString => CssBuilder.Default("layout-demo")
.AddClass(Theme)
.AddClass("is-fixed-tab", IsFixedTab)
.Build();

4
src/BootstrapBlazor.Server/Components/Layout/PageLayout.razor.css
View File

@@ -64,7 +64,7 @@
}
.layout.is-page.color1 .layout-drawer:hover {
background-color: #3184dc;
color: #fff;
}
.color2,
@@ -187,7 +187,7 @@
}
.layout-drawer:hover {
background-color: #1893a7;
color: #fff;
}
.layout-drawer-body {

16
src/BootstrapBlazor.Server/wwwroot/css/site.css
View File

@@ -229,6 +229,22 @@ code {
display: block;
}
.layout-demo {
--bb-layout-sidebar-banner-background: var(--bb-primary-color);
--bb-layout-title-color: #fff;
--bb-layout-header-background: var(--bb-primary-color);
--bb-layout-header-color: #fff;
}
.layout-demo .widget {
--bb-widget-toggle-color: #fff;
margin-right: 1rem;
}
.layout-demo .layout-avatar-right {
border-radius: 50%;
}
@media (min-width: 768px) {
:root {
--bs-header-height: 50px;