Add thumbnail to search

This commit is contained in:
Omar Roth 2018-01-07 11:43:13 -06:00
parent d65106d8b1
commit c4c1b43e5c
2 changed files with 21 additions and 1 deletions

9
assets/css/custom.css Normal file
View file

@ -0,0 +1,9 @@
a.link {
color: #222;
text-decoration: none;
}
a:hover.link,
a:active.link {
color: #167ac6;
}

View file

@ -2,5 +2,16 @@
<%= query.size > 30 ? query[0,30] + "..." : query %> <%= query.size > 30 ? query[0,30] + "..." : query %>
<% end %> <% end %>
<% videos_list.each do |video| %> <% videos_list.each do |video| %>
<p><a href="/watch?v=<%= video.id %>"><%= video.info["title"] %></a></p> <div class="pure-g">
<div class="pure-u-1 pure-u-md-1-6">
<a class="link" href="/watch?v=<%= video.id %>">
<img style="width: 90%" src="<%= video.info["thumbnail_url"] %>">
</a>
</div>
<div class="pure-u-1 pure-u-md-5-6">
<a style="width: 100%; height:100%; display: block; position: relative" class="link" href="/watch?v=<%= video.id %>">
<%= video.info["title"] %>
</a>
</div>
</div>
<% end %> <% end %>