Navbar - move inline styles to CSS isolation

havit · Nov 5, 2024 · 0e61406 · 0e61406
1 parent 004408b
commit 0e61406
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/Havit.Blazor.Documentation/Shared/Navbar.razor b/Havit.Blazor.Documentation/Shared/Navbar.razor
@@ -1,4 +1,4 @@
-<div class="@CssClassHelper.Combine(CssClass, "nav-container mx-auto sticky-top bg-body")" style="z-index: 1030;">
+<div class="@CssClassHelper.Combine(CssClass, "nav-container mx-auto sticky-top bg-body")">
 	<HxNavbar ContainerCssClass="container-fluid">
 		<HxNavbarBrand CssClass="py-0">
 			<img src="./logo.png" width="32" alt="HAVIT Blazor">

diff --git a/Havit.Blazor.Documentation/Shared/Navbar.razor.css b/Havit.Blazor.Documentation/Shared/Navbar.razor.css
@@ -9,8 +9,9 @@
 }
 
 .nav-container {
-    --bs-bg-opacity: .8;
-    background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important;
-    backdrop-filter: saturate(120%) blur(20px);
-    -webkit-backdrop-filter: saturate(120%) blur(20px);
+	--bs-bg-opacity: .8;
+	background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity)) !important;
+	backdrop-filter: saturate(120%) blur(20px);
+	-webkit-backdrop-filter: saturate(120%) blur(20px);
+	z-index: 1030;
 }