Sha256: 7aade4268b834c8a8048e2fef2acad11c0f3099d541fce3af348170e962d4b1c

Contents?: true

Size: 1.35 KB

Versions: 6

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

6 entries across 6 versions & 1 rubygems

Version Path
lookbook-0.3.5 app/views/lookbook/workbench/_inspector.html.erb
lookbook-0.4.0.beta.2 app/views/lookbook/workbench/_inspector.html.erb
lookbook-0.4.0.beta.1 app/views/lookbook/workbench/_inspector.html.erb
lookbook-0.3.4 app/views/lookbook/workbench/_inspector.html.erb
lookbook-0.3.3 app/views/lookbook/workbench/_inspector.html.erb
lookbook-0.3.2 app/views/lookbook/workbench/_inspector.html.erb