Properly bootstrap-style media grid for thumbnails

This commit is contained in:
Christoph Haas 2013-08-09 23:02:22 +02:00
parent 6aef2a7da5
commit b703efe785
3 changed files with 47 additions and 11 deletions

View file

@ -5,12 +5,14 @@
<% @packages.each do |package| %>
<li class="span3">
<% if package.screenshots.length>0 %>
<%= link_to (image_tag '', :"data-src" => package.screenshots.first.image_url('small')),
package.screenshots.first.image_url('large'),
html_options = {:class => 'thumbnail'}
%>
<h3><%= package.name %></h3>
<p><%= package.description %></p>
<div class="thumbnail">
<div style="text-align: center; height: 120px">
<%= link_to (image_tag package.screenshots.first.image_url('small')),
package.screenshots.first.image_url('large') %>
</div>
<h3><%= package.name %></h3>
<p><%= package.description %></p>
</div>
<% else %>
<em>No screenshot. :( Care to upload one?</em>
<% end %>
@ -19,3 +21,7 @@
<% end %>
</ul>
<% end %>
<div class="row showmorebox">
<a href="#">Moar screenshots…</a>
</div>