44 lines
1.9 KiB
Plaintext
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>
|