32 lines
1.3 KiB
Text
32 lines
1.3 KiB
Text
<header class="sticky top-0 z-999 flex w-full bg-white drop-shadow-1 dark:bg-boxdark dark:drop-shadow-none">
|
|
<div class="flex flex-grow items-center justify-between lg:justify-end px-4 py-4 shadow-2 md:px-6 2xl:px-11">
|
|
<div class="flex items-center gap-2 sm:gap-4 lg:hidden">
|
|
<button
|
|
class="z-99999 block rounded-sm border border-stroke bg-white p-1.5 shadow-sm dark:border-strokedark dark:bg-boxdark lg:hidden"
|
|
@click.stop="sidebarToggle = !sidebarToggle"
|
|
>
|
|
<.icon name="hero-bars-3" />
|
|
</button>
|
|
<a class="hidden sm:flex items-center lg:hidden" href="/">
|
|
<img src={~p"/images/logo.png?cachebust=2024-02-29"} alt="Pinchflat" class="w-9 h-9" />
|
|
<h2 class="text-xl font-bold text-white pl-2">Pinchflat</h2>
|
|
</a>
|
|
</div>
|
|
<div class="bg-meta-4 rounded-md">
|
|
<div class="relative">
|
|
<span class="absolute left-2 top-1/2 -translate-y-1/2 flex">
|
|
<.icon name="hero-magnifying-glass" />
|
|
</span>
|
|
<form action={~p"/search"}>
|
|
<input
|
|
type="text"
|
|
name="q"
|
|
value={@params["q"]}
|
|
placeholder="Type to search..."
|
|
class="w-full bg-transparent pl-9 pr-4 border-0 focus:ring-0 focus:outline-none lg:w-125"
|
|
/>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|