tubearchivist/tubearchivist-frontend
1
0
Fork 0
mirror of https://github.com/tubearchivist/tubearchivist-frontend.git synced 2024-11-22 20:00:15 +00:00
Code Issues Projects Releases Wiki Activity

slimming some UI spacing issues

Browse Source
This commit is contained in:
simon 2021-11-04 15:53:47 +07:00
parent 232afee3f6
commit 3bc6074ef3
No known key found for this signature in database
GPG Key ID: 2C15AA5E89985DD4
3 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
tubearchivist/home/templates/home/channel_id.html
View File

@ -2,9 +2,6 @@
{% block content %} {% block content %}
{% load static %} {% load static %}
{% load humanize %} {% load humanize %}
<div class="title-bar">
<h1>Channel: {{ channel_info.channel_name }}</h1>
</div>
<div class="channel-banner"> <div class="channel-banner">
<a href="/channel/{{ channel_info.channel_id }}/"><img src="/cache/channels/{{ channel_info.channel_id }}_banner.jpg" alt="channel_banner"></a> <a href="/channel/{{ channel_info.channel_id }}/"><img src="/cache/channels/{{ channel_info.channel_id }}_banner.jpg" alt="channel_banner"></a>
</div> </div>

6
tubearchivist/home/templates/home/video.html
View File

@ -2,17 +2,15 @@
{% block content %} {% block content %}
{% load static %} {% load static %}
{% load humanize %} {% load humanize %}
<div class="title-bar">
<h1>Video: {{ video.title }}</h1>
</div>
<div class="video-main"> <div class="video-main">
<video <video
src="/media/{{ video.media_url }}" src="/media/{{ video.media_url }}"
poster="/cache/{{ video.vid_thumb_url }}" controls preload="false" poster="/cache/{{ video.vid_thumb_url }}" controls preload="false"
type='video/mp4' width="100%" playsinline> type='video/mp4' width="100%" playsinline>
</video> </video>
<h1>{{ video.title }}</h1>
</div> </div>
<div class="info-box info-box-3 padding-box"> <div class="info-box info-box-3">
<div class="info-box-item"> <div class="info-box-item">
<div class="round-img"> <div class="round-img">
<a href="{% url 'channel_id' video.channel.channel_id %}"> <a href="{% url 'channel_id' video.channel.channel_id %}">

14
tubearchivist/static/css/style.css
View File

@ -118,7 +118,6 @@ button:hover {
.top-banner { .top-banner {
text-align: center; text-align: center;
margin-top: 10px;
} }
.top-banner img { .top-banner img {
@ -483,7 +482,10 @@ button:hover {
.info-box { .info-box {
display: grid; display: grid;
grid-gap: 1rem; grid-gap: 1rem;
margin: 1rem 0; }
.description-box {
margin-top: 1rem;
} }
.info-box-3 { .info-box-3 {
@ -578,9 +580,15 @@ button:hover {
} }
/* video page */ /* video page */
.video-main {
margin-bottom: 1rem;
}
.video-main video { .video-main video {
max-height: 70vh; max-height: 70vh;
margin-bottom: 1rem;
} }
.video-info-watched { .video-info-watched {
display: flex; display: flex;
align-items: center; align-items: center;
@ -614,7 +622,7 @@ button:hover {
} }
.channel-item.list { .channel-item.list {
padding: 20px 0; padding-bottom: 1rem;
} }
.channel-item.grid > .info-box { .channel-item.grid > .info-box {