Sha256: c3accf571acf16105d5feb18bdecedf742bc8f8a0d3f798d6c74dc78db929e2f

Contents?: true

Size: 1.09 KB

Versions: 9

Compression:

Stored size: 1.09 KB

Contents

<div data-selectable-target="item">
  <button type="button" 
    data-action="media-picker-modal#selectImage selectable#select dblclick->media-picker-modal#instantInsert" 
    data-image-id="<%= @image.id %>"
    data-signed-blob-id="<%= @image.file.blob.signed_id %>"
    data-filename="<%= @image.file.filename %>"
    data-thumbnail="<%= helpers.thumbnail_url(@image) %>"
    data-embedded-url="<%= helpers.embedded_image_url(@image) %>"
    data-selected-class="bg-gray-100 border-spina scale-105"
    data-deselected-class="border-transparent"
    class="w-full h-40 overflow-hidden rounded-md transform transition-transform duration-200 border-2 border-transparent hover:scale-105">

    <%= image_tag helpers.thumbnail_url(@image), class: 'object-contain h-40 w-full', data: {controller: "image-fade-in"} %>
  </button>

  <div class="text-xs text-center text-gray-700 rounded p-1" data-selected-class="text-white bg-spina" data-deselected-class="text-gray-700"><%= @image.file.filename %></div>
  <div class="text-xs text-center text-gray-400"><%= number_to_human_size @image.file.byte_size %></div>
</div>

Version data entries

9 entries across 9 versions & 1 rubygems

Version Path
spina-2.3.5 app/components/spina/media_picker/image_component.html.erb
spina-2.3.4 app/components/spina/media_picker/image_component.html.erb
spina-2.3.3 app/components/spina/media_picker/image_component.html.erb
spina-2.3.2 app/components/spina/media_picker/image_component.html.erb
spina-2.3.1 app/components/spina/media_picker/image_component.html.erb
spina-2.3.0 app/components/spina/media_picker/image_component.html.erb
spina-2.2.0 app/components/spina/media_picker/image_component.html.erb
spina-2.1.1 app/components/spina/media_picker/image_component.html.erb
spina-2.1.0 app/components/spina/media_picker/image_component.html.erb