Search in Navbar

havit · Nov 1, 2024 · b0d3340 · b0d3340
1 parent f3f1877
commit b0d3340
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 9 deletions.
diff --git a/Havit.Blazor.Documentation/Shared/Components/OnThisPageNavigation.razor.css b/Havit.Blazor.Documentation/Shared/Components/OnThisPageNavigation.razor.css
@@ -1,5 +1,6 @@
 .on-this-page-navigation {
     height: fit-content;
+	top: 3rem;
 }
 
 ul {
@@ -16,9 +17,9 @@ ul,
 	list-style-type: none;
 }
 
-	ul li, ::deep ul li {
-		margin-bottom: .25rem;
-	}
+ul li, ::deep ul li {
+	margin-bottom: .25rem;
+}
 
 ::deep a {
     text-decoration: none;

diff --git a/Havit.Blazor.Documentation/Shared/Components/Search/Search.razor b/Havit.Blazor.Documentation/Shared/Components/Search/Search.razor
@@ -6,8 +6,8 @@
                 TValue="SearchItem"
                 @bind-Value="@SelectedResult"
                 MinimumLength="1"
-                Delay="1"               
-                CssClass="sidebar-search mb-3 pt-1"
+                Delay="1"
+                CssClass="sidebar-search pt-1"
                 DataProvider="ProvideSuggestions"
                 @ref="_autosuggest">
     <ItemTemplate Context="searchItem"><span class="small">@searchItem.Title</span></ItemTemplate>

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")">
+<div class="@CssClassHelper.Combine(CssClass, "nav-container mx-auto sticky-top bg-body")" style="z-index: 1030;">
 	<HxNavbar ContainerCssClass="container-fluid">
 		<HxNavbarBrand CssClass="py-0">
 			<img src="./logo.png" width="32" alt="HAVIT Blazor">
@@ -25,7 +25,9 @@
 					Premium
 				</HxNavLink>
 			</HxNav>
-			<div class="d-flex gap-3 align-items-center">
+            <div class="d-flex gap-3 align-items-center justify-content-center">
+                <Search />
+
 				<a href="https://github.com/havit/Havit.Blazor" class="text-body" target="_blank">
 					<HxIcon Icon="BootstrapIcon.Github" />
 				</a>

diff --git a/Havit.Blazor.Documentation/Shared/Sidebar.razor b/Havit.Blazor.Documentation/Shared/Sidebar.razor
@@ -13,8 +13,6 @@
         </div>
     </HeaderTemplate>
     <ItemsTemplate>
-        <Search />
-
 		<HxSidebarItem Text="Getting started" Href="/getting-started" Match="NavLinkMatch.All" Icon="BootstrapIcon.RocketTakeoff" TooltipText="Getting started" />
 		<HxSidebarItem Href="https://blocks.havit.blazor.eu" Match="NavLinkMatch.All" CssClass="w-100" Icon="BootstrapIcon.Boxes" TooltipText="Blocks" >
             <ContentTemplate>