Contents

<%= content_for :main do %>
  <div
    class="h-[calc(100vh_-_40px)]"
    x-data="{}"
    @navigation:complete.window="$refs.scroller.scrollTop = 0">
  
    <div class="h-full bg-lookbook-page relative">
    <% unless @error %>
      
      <div class="absolute top-0 right-0 pt-1 pr-0 pl-1 pb-1 rounded-bl-md">
        <div class="bg-lookbook-page opacity-90 absolute inset-0 w-full h-full z-0"></div>
        <div class="relative z-10 flex items-center">
        
        <% if @previous_page %>
          <%= render_component :button,
            size: :lg,
            icon: :chevron_left,
            tooltip: "Previous page",
            href: page_path(@previous_page.lookup_path),
            class: "pr-0.5 bg-transparent" %>
        <% else %>
          <%= render_component :button,
            size: :lg,
            icon: :chevron_left,
            disabled: true,
            class: "opacity-50 !cursor-default pr-0.5 bg-transparent" %>
        <% end %>

        <% if @next_page %>
          <%= render_component :button,
            size: :lg,
            icon: :chevron_right,
            tooltip: "Next page",
            href: page_path(@next_page.lookup_path),
            class: "pl-0.5 bg-transparent" %>
        <% else %>
          <%= render_component :button,
            size: :lg,
            icon: :chevron_right,
            disabled: true,
            class: "opacity-50 !cursor-default pl-0.5 bg-transparent" %>
        <% end %>
        </div>
      </div>
    <% end %>

      <%= yield %>
    </div>
    
  </div>
<% end %>

<%= render template: "layouts/lookbook/application" %>

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
lookbook-1.0.0.beta.1	app/views/layouts/lookbook/page.html.erb
lookbook-1.0.0.beta.0	app/views/layouts/lookbook/page.html.erb