Sha256: 537aca21befb47bfb2967faa7afca396d90f6ffec9ac2c5b099f48fb6247865d

Contents?: true

Size: 509 Bytes

Versions: 12

Compression:

Stored size: 509 Bytes

Contents

<%= render_component_tag class: "flex items-center text-xs font-mono space-x-1 transition",
  ":class":"{'!opacity-100': resizing}",
  "x-on:viewport:resize-start.window": "resizing = true",
  "x-on:viewport:resize-complete.window": "resizing = false",
  "x-on:dom:update-start.window": "tearDown",
  "x-on:dom:update-complete.window": "createObserver",
  "x-show": "target" do %>
    <span x-text="`${width}px`"></span>
    <span class="opacity-70">x</span>
    <span x-text="`${height}px`"></span>
<% end %>

Version data entries

12 entries across 12 versions & 1 rubygems

Version Path
lookbook-2.3.4 app/components/lookbook/dimensions_display/component.html.erb
lookbook-2.3.3 app/components/lookbook/dimensions_display/component.html.erb
lookbook-2.3.2 app/components/lookbook/dimensions_display/component.html.erb
lookbook-2.3.0 app/components/lookbook/dimensions_display/component.html.erb
lookbook-2.2.2 app/components/lookbook/dimensions_display/component.html.erb
lookbook-2.2.1 app/components/lookbook/dimensions_display/component.html.erb
lookbook-2.2.0 app/components/lookbook/dimensions_display/component.html.erb
lookbook-2.1.1 app/components/lookbook/dimensions_display/component.html.erb
lookbook-2.1.0 app/components/lookbook/dimensions_display/component.html.erb
lookbook-2.0.5 app/components/lookbook/dimensions_display/component.html.erb
lookbook-2.0.4 app/components/lookbook/dimensions_display/component.html.erb
lookbook-2.0.3 app/components/lookbook/dimensions_display/component.html.erb