🎨 style: add background tot the project search header

This commit is contained in:
Wahyu Kurniawan 2024-03-06 11:40:07 +07:00
parent 0901036f71
commit eccf78afdb
No known key found for this signature in database
GPG Key ID: 040A1549143A8E33

View File

@ -34,7 +34,7 @@ const ProjectSearch = () => {
return ( return (
<section className="h-full flex flex-col"> <section className="h-full flex flex-col">
{/* Header */} {/* Header */}
<div className="sticky hidden lg:block top-0 border-b border-border-separator/[0.06] z-30"> <div className="sticky hidden lg:block top-0 border-b bg-base-bg border-border-separator/[0.06] z-30">
<div className="flex pr-6 pl-2 py-2 items-center"> <div className="flex pr-6 pl-2 py-2 items-center">
<div className="flex-1"> <div className="flex-1">
<ProjectSearchBar <ProjectSearchBar
@ -72,7 +72,7 @@ const ProjectSearch = () => {
</div> </div>
{/* Content */} {/* Content */}
<section className="z-0"> <section className="h-full z-0">
<Outlet /> <Outlet />
</section> </section>
</section> </section>