Sha256: f644e8552ae84635afa9c19759263fbc64dbdb28d374ebf17e06e6d6390c89d3

Contents?: true

Size: 1.2 KB

Versions: 12

Compression:

Stored size: 1.2 KB

Contents

Coprl::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

12 entries across 12 versions & 1 rubygems

Version Path
coprl-3.0.0.beta.12 app/demo/components/images.pom
coprl-3.0.0.beta.11 app/demo/components/images.pom
coprl-3.0.0.beta.10 app/demo/components/images.pom
coprl-3.0.0.beta.9 app/demo/components/images.pom
coprl-3.0.0.beta.8 app/demo/components/images.pom
coprl-3.0.0.beta.7 app/demo/components/images.pom
coprl-3.0.0.beta.6 app/demo/components/images.pom
coprl-3.0.0.beta.5 app/demo/components/images.pom
coprl-3.0.0.beta.4 app/demo/components/images.pom
coprl-3.0.0.beta.3 app/demo/components/images.pom
coprl-3.0.0.beta.2 app/demo/components/images.pom
coprl-3.0.0.beta.1 app/demo/components/images.pom