Sha256: f9dc3ff723155585c82541fdb250f0140dd981ea1cb11904318f073f253d76fc

Contents?: true

Size: 1.2 KB

Versions: 6

Compression:

Stored size: 1.2 KB

Contents

Voom::Presenters.define(:images) do
  attach :top_nav
  attach :component_drawer
  page_title 'Icons'

  grid do
    column 1
    column 10 do

      headline 'Plain'
      image 'img/demo/welcome_card.jpg', width: 512, height: 176

      headline 'With a Border'
      image 'img/demo/dog.png', border: '1px'

      headline 'With a Thick Border'
      image 'img/demo/welcome_card.jpg', width: 512, height: 176, border: '10px'

      headline 'Framed in a Circle'
      image 'img/demo/image_card.jpg', width: 200, height: 'auto', border_radius: '50%'

      headline 'With rounded corders'
      image 'img/demo/image_card.jpg', width: 200, height: 'auto', border_radius: '5%'


      headline 'Image Fit'
      grid do
        column 4 do
          headline ':cover'
            image 'img/demo/image_card.jpg', width: '100%', height: '256px', fit: :cover
        end
        column 4 do
          headline ':fill'
          image 'img/demo/image_card.jpg', width: '100%', height: '256px', fit: :fill
        end
        column 4 do
          headline ':contain'
          image 'img/demo/image_card.jpg', width: '100%', height: '256px', fit: :contain
        end
      end

      attach :code, file: __FILE__
    end
  end
end

Version data entries

6 entries across 6 versions & 1 rubygems

Version Path
voom-presenters-2.1.2 app/demo/components/images.pom
voom-presenters-2.1.0 app/demo/components/images.pom
voom-presenters-2.0.3 app/demo/components/images.pom
voom-presenters-2.0.2 app/demo/components/images.pom
voom-presenters-2.0.1 app/demo/components/images.pom
voom-presenters-2.0.0 app/demo/components/images.pom