Sha256: 118e484cf866b618a55ad340d6b4c8c62fb34b1b445e2cbe034ff0ab260b863f
Contents?: true
Size: 929 Bytes
Versions: 25
Compression:
Stored size: 929 Bytes
Contents
<div x-data="filter" class="bg-white rounded-md border border-gray-200 " :class="{'!border-gray-300': focussed}">
<input
type="text"
class="text-sm pl-3 pr-8 w-full border-0 bg-transparent focus:outline-none outline-none focus:ring-0 text-gray-500 placeholder:italic placeholder:text-gray-500"
placeholder="Filter by name…"
x-ref="input"
x-model="$store.filter.raw"
x-effect="if (!$store.layout.desktop && $store.sidebar.open) focus()"
@keyup.stop="checkEsc"
@keyup.f.document="focus"
@filter:clear.document="clear"
@filter:focus.document="focus"
@focus.stop="focussed = true"
@blur.stop="focussed = false">
<button class="text-gray-400 hover:text-indigo-500 focus:ring-0 focus:outline-none absolute top-1/2 right-5 -translate-y-1/2" @click="clear" :class="{hidden: !$store.filter.active}">
<%= icon "x", size: 3, class: "hover:text-indigo-500" %>
</button>
</div>
Version data entries
25 entries across 25 versions & 1 rubygems