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: lookbook_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: lookbook_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

1 entries across 1 versions & 1 rubygems

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