Sha256: fb1efdbf4b8d2ff9490b865e8d3d216d30aeb2b5a6ef34929ad43347ca362251

Contents?: true

Size: 1.86 KB

Versions: 6

Compression:

Stored size: 1.86 KB

Contents

<% if @target.present? %>
<%= render_component_tag class: "not-prose border-b border-lookbook-divider rounded-sm overflow-hidden", "@navigation:start.window": "cleanup" do %>

  <%= lookbook_render :toolbar, class: "border border-b-0 border-lookbook-divider" do |toolbar| %>
    <% toolbar.with_section padded: true do %>
      <h3>
        <%= @target.preview.label %> (<%= @target.label %>)
      </h3>
    <% end %>
    <% toolbar.with_section align: :right, divide: :left do %>
      <%= lookbook_render :button_group do |group| %>
        <% group.with_button icon: :eye,
          href: lookbook_inspect_path(@target.path, @params),
          tooltip: "View in Inspector" %>
        <% group.with_button icon: :external_link,
          href: lookbook_preview_path(@target.path, @params),
          tooltip: "Open in new window",
          target: "_blank" %>
      <% end %>
    <% end %>
  <% end %>

  <div
    x-show="tab === 'preview'"
    @viewport:loaded="loadResizer"
    @dom:update-complete="loadResizer"
    @viewport:resize-progress="resizeIframe"
    @viewport:resize-complete="resizeIframe"
    @tabs:change.window="resizeIframe"> 
    <%= lookbook_render :viewport,
      src: lookbook_preview_path(@target.path, @params.merge(lookbook_embed: true)),
      alpine_data: "store",
      resize_height: false,
      max_height: @max_height,
      class: "mb-[-2px]" %>
  </div>

<% end %>
<% else %>
<%= render_component_tag class: "bg-white flex flex-col items-center justify-center border-2 border-dashed border-gray-200 p-6 rounded-md not-prose" do %>
  <div class="px-4 text-center">
    <%= icon  :alert_triangle, size: 6, class: "text-red-300 mx-auto" %>
    <div class="mt-2 max-w-xs">
      <h5 class="text-base">Preview not found</h5>
      <p class="mt-1 opacity-50 text-sm">
        The preview may have been renamed or deleted
      </p>
    </div>
  </div>
<% end %>
<% end %>

Version data entries

6 entries across 6 versions & 1 rubygems

Version Path
lookbook-1.5.5 app/components/lookbook/embed/component.html.erb
lookbook-1.5.4 app/components/lookbook/embed/component.html.erb
lookbook-1.5.3 app/components/lookbook/embed/component.html.erb
lookbook-1.5.2 app/components/lookbook/embed/component.html.erb
lookbook-1.5.1 app/components/lookbook/embed/component.html.erb
lookbook-1.5.0 app/components/lookbook/embed/component.html.erb