mirror of
https://gitea.invidious.io/iv-org/invidious-copy-2023-06-08.git
synced 2024-08-15 00:53:38 +00:00
Use horizontal padding
This commit is contained in:
parent
2bae09e018
commit
9480c6f806
5 changed files with 16 additions and 10 deletions
|
@ -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;
|
||||||
|
}
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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"] %>
|
||||||
|
|
|
@ -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"] %>">
|
||||||
|
|
Loading…
Reference in a new issue