Use horizontal padding

This commit is contained in:
Omar Roth 2018-03-12 18:37:01 -05:00
parent 2bae09e018
commit 9480c6f806
5 changed files with 16 additions and 10 deletions

View File

@ -8,6 +8,12 @@ a:active {
color: #167ac6; color: #167ac6;
} }
.l-box { .h-box {
padding: 1em; padding-left: 1em;
padding-right: 1em;
}
.v-box {
padding-top: 1em;
padding-bottom: 1em;
} }

View File

@ -7,7 +7,7 @@
<% slice.each do |video| %> <% slice.each do |video| %>
<% player_response = JSON.parse(video.info["player_response"]) %> <% player_response = JSON.parse(video.info["player_response"]) %>
<div class="pure-u-1 pure-u-md-1-4"> <div class="pure-u-1 pure-u-md-1-4">
<div class="l-box"> <div class="h-box">
<a style="width:100%;" href="/watch?v=<%= video.id %>"> <a style="width:100%;" href="/watch?v=<%= video.id %>">
<img style="width:100%;" src="<%= player_response["videoDetails"]["thumbnail"]["thumbnails"][0]["url"] %>"/> <img style="width:100%;" src="<%= player_response["videoDetails"]["thumbnail"]["thumbnails"][0]["url"] %>"/>
<p><%= video.title %></p> <p><%= video.title %></p>

View File

@ -26,7 +26,7 @@
</div> </div>
</div> </div>
<%= content %> <%= content %>
<center class="l-box"> <center class="h-box">
Released under AGPLv3 by <a href="https://github.com/omarroth">Omar Roth</a> - Released under AGPLv3 by <a href="https://github.com/omarroth">Omar Roth</a> -
source available <a href="https://github.com/omarroth/invidious">here</a> source available <a href="https://github.com/omarroth/invidious">here</a>
</center> </center>

View File

@ -6,7 +6,7 @@
<div class="pure-g"> <div class="pure-g">
<% slice.each do |video| %> <% slice.each do |video| %>
<div class="pure-u-1 pure-u-md-1-4"> <div class="pure-u-1 pure-u-md-1-4">
<div class="l-box"> <div class="h-box">
<a style="width:100%;" href="<%= video["link"] %>"> <a style="width:100%;" href="<%= video["link"] %>">
<img style="width:100%;" src="<%= video["thumbnail"] %>"/> <img style="width:100%;" src="<%= video["thumbnail"] %>"/>
<%= video["title"] %> <%= video["title"] %>

View File

@ -6,7 +6,7 @@
<title><%= video.title %> - Invidious</title> <title><%= video.title %> - Invidious</title>
<% end %> <% end %>
<div class="l-box"> <div class="h-box">
<% if listen %> <% if listen %>
<%= render "src/views/player/audio.ecr" %> <%= render "src/views/player/audio.ecr" %>
<% else %> <% else %>
@ -85,7 +85,7 @@ function toggle_comments(target) {
}; };
</script> </script>
<div class="l-box"> <div class="h-box">
<h1> <h1>
<%= video.info["title"] %> <%= video.info["title"] %>
<% if listen %> <% if listen %>
@ -102,7 +102,7 @@ function toggle_comments(target) {
<div class="pure-g"> <div class="pure-g">
<div class="pure-u-1 pure-u-md-1-5"> <div class="pure-u-1 pure-u-md-1-5">
<div class="l-box"> <div class="h-box">
<p><i class="fa fa-eye" aria-hidden="true"></i> <%= number_with_separator(video.views) %></p> <p><i class="fa fa-eye" aria-hidden="true"></i> <%= number_with_separator(video.views) %></p>
<p><i class="fa fa-thumbs-up" aria-hidden="true"></i> <%= number_with_separator(video.likes) %></p> <p><i class="fa fa-thumbs-up" aria-hidden="true"></i> <%= number_with_separator(video.likes) %></p>
<p><i class="fa fa-thumbs-down" aria-hidden="true"></i> <%= number_with_separator(video.dislikes) %></p> <p><i class="fa fa-thumbs-down" aria-hidden="true"></i> <%= number_with_separator(video.dislikes) %></p>
@ -113,7 +113,7 @@ function toggle_comments(target) {
</div> </div>
<div class="pure-u-1 pure-u-md-3-5"> <div class="pure-u-1 pure-u-md-3-5">
<div class="l-box"> <div class="h-box">
<p> <p>
<a href="https://youtube.com/channel/<%= video.info["ucid"] %>"> <a href="https://youtube.com/channel/<%= video.info["ucid"] %>">
<h3><%= video.info["author"] %></h3> <h3><%= video.info["author"] %></h3>
@ -146,7 +146,7 @@ function toggle_comments(target) {
</div> </div>
<div class="pure-u-1 pure-u-md-1-5"> <div class="pure-u-1 pure-u-md-1-5">
<div class="l-box"> <div class="h-box">
<% rvs.each do |rv| %> <% rvs.each do |rv| %>
<% if rv.has_key?("id") %> <% if rv.has_key?("id") %>
<a href="/watch?v=<%= rv["id"] %>"> <a href="/watch?v=<%= rv["id"] %>">