jerguero-cs/Pages/Components/_Navbar.cshtml
2024-08-23 19:30:22 -05:00

44 lines
1.9 KiB
Plaintext

<nav class="fixed z-50 bottom-0 left-0 w-full h-14">
<div id="search-results"
class="hidden absolute bottom-14 w-full bg-c-bg text-c-on-bg text-white border-t-4 border-l-4 border-r-4 border-c-primary rounded-tr-md rounded-tl-md">
@Html.Partial("./_InlineDefinition.cshtml")
@Html.Partial("./_InlineDefinition.cshtml")
@Html.Partial("./_InlineDefinition.cshtml")
</div>
<div class="grid grid-cols-[3.5rem_auto_3.5rem] bg-c-primary">
<div class="table">
<a href="/" class="table-cell align-middle h-14 text-center">
@Html.Partial("./Icons/_BirdIcon.cshtml", new ViewDataDictionary(ViewData) {
{"size", 36}, {"fill", "white"}
})
</a>
</div>
<div class="relative">
<svg class="absolute z-10 -left-[15px] top-[9px] scale-x-50" fill="white" width="20" height="20"
viewBox="0 0 50 50">
<path
d="M 57.29217,4.9844012 V 56.568575 C 44.512514,39.388798 29.429048,35.264265 12.536889,30.729102 29.111034,27.220159 45.273777,21.221938 57.29217,4.9844012 Z">
</path>
</svg>
<input
_="on keyup debounced at 300ms
set :x to my.value.length
if :x > 0
remove .hidden from #search-results
else
add .hidden to #search-results
end
"
type="text" placeholder="Buscá una palabra"
class="w-full py-2 px-1 rounded-md my-2 bg-white text-black" />
</div>
<div class="table">
<button class="table-cell align-middle h-14 text-center w-full">
@Html.Partial("./Icons/_GlassIcon.cshtml", new ViewDataDictionary(ViewData) {
{"size", 36}, {"fill", "white"}
})
</button>
</div>
</div>
</nav>