Sha256: 755fc18d703ef1279d259127c06f307906f6c87514d9407ca61193b1e52032c0

Contents?: true

Size: 1.35 KB

Versions: 5

Compression:

Stored size: 1.35 KB

Contents

<div id="inspector" class="bg-white w-full overflow-hidden flex flex-col" x-data="inspector" x-show="$screen('md')">
   <div class="px-4 border-b border-gray-200 flex items-center flex-none select-none">
    <nav class="-mb-px flex space-x-8 cursor-auto">
      <% panes.each do |key, props| %>
        <a
          href="#<%= key %>"
          class="whitespace-nowrap py-2 px-1 border-b-2 cursor-pointer <%= "!text-gray-300" if props[:disabled] %>"
          :class="{
            'border-indigo-400': active('<%= key %>'),
            'border-transparent text-gray-500 hover:text-gray-700': !active('<%= key %>')
          }"
          @click.stop.prevent="switchTo('<%= key %>')"
          <% if props[:hotkey] %>data-hotkey="<%= props[:hotkey] %>"<% end %>
        >
          <%== props[:label] %>
        </a>
      <% end %>
    </nav>
  </div>
  <div class="flex-auto overflow-auto bg-gray-50">
    <% panes.each do |key, props| %>
      <div class="flex flex-col h-full relative" x-show="active('<%= key %>')" x-cloak>
        <% if props[:clipboard].present? %>
          <%= render "./shared/clipboard" do %><%= h props[:clipboard].strip %><% end %>
        <% end %>
        <div class="flex flex-col h-full overflow-auto">
          <%= render "./workbench/inspector/#{props[:template]}", key: key, **props %>
        </div>
      </div>
    <% end %>
  </div>
</div>

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
lookbook-0.3.1 app/views/lookbook/workbench/_inspector.html.erb
lookbook-0.3.0 app/views/lookbook/workbench/_inspector.html.erb
lookbook-0.3.0.beta.2 app/views/lookbook/workbench/_inspector.html.erb
lookbook-0.3.0.beta.1 app/views/lookbook/workbench/_inspector.html.erb
lookbook-0.3.0.beta.0 app/views/lookbook/workbench/_inspector.html.erb