Contents

<div class="h-screen overflow-hidden" x-data="{open: $store.nav.open, isOpen(id){ return this.open[id] }}" @popstate.window="$store.nav.active = document.location.pathname">
  <div class="bg-white h-10 border-b border-gray-300 flex items-center relative">
    <input type="text"
      class="text-sm px-4 h-10 w-full border-0 bg-transparent focus:outline-none outline-none focus:ring-0"
      x-model="$store.nav.filter"
      @keyup.stop="if ($event.key === 'Escape') $store.nav.filter = ''"
      placeholder="Filter previews&hellip;">
    <button class="text-gray-400 hover:text-indigo-500 focus:ring-0 focus:outline-none absolute top-1/2 right-2 transform -translate-y-1/2" @click="$store.nav.filter = ''">
      <svg class="feather w-3 h-3">
        <use xlink:href="#x" />
      </svg>
    </button>
  </div>
  <div
    class="bg-gray-100 relative overflow-auto"
    style="height: calc(100% - 40px)"
    @scroll.passive="$store.nav.scrollTop = $event.currentTarget.scrollTop;"
    x-init="setTimeout(() => {$el.scrollTop = $store.nav.scrollTop}, 30)">
    <%= render "partials/nav/nav" %>
  </div> 
</div>

Version data entries

5 entries across 5 versions & 1 rubygems

Version	Path
lookbook-0.2.4	app/views/lookbook/partials/_sidebar.html.erb
lookbook-0.2.3	app/views/lookbook/partials/_sidebar.html.erb
lookbook-0.2.2	app/views/lookbook/partials/_sidebar.html.erb
lookbook-0.2.1	app/views/lookbook/partials/_sidebar.html.erb
lookbook-0.2.0	app/views/lookbook/partials/_sidebar.html.erb