deflax/television
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Redesign gallery index and player

Browse source
This commit is contained in:
deflax 2025-03-06 14:03:33 +00:00
parent 8918d732d1
commit c1f6fd08c2
2 changed files with 6 additions and 5 deletions
src/api/app
static/css
root.css
templates
watch.html

6
src/api/app/static/css/root.css
View file

@ -59,7 +59,7 @@ video {
.gallery {
display: grid;
grid-gap: 7px;
grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}
}
@ -68,9 +68,9 @@ video {
position: relative;
cursor: pointer;
box-sizing: border-box;
border: solid 1px rgb(132, 4, 217);
border: solid 3px #cc4b0a;
border-radius: 5px;
background: linear-gradient(90deg, rgba(131, 58, 180, 0) 0%, rgba(58, 58, 180, 1) 20%, rgba(132, 4, 217, 1) 90%, rgba(252, 176, 69, 0) 100%);
background: linear-gradient(90deg, #8404d9 0%, #cc4b0a 20%, #8404d9 90%, rgba(252, 176, 69, 0) 100%);
}
.gallery .gallery-item:hover img {

5
src/api/app/templates/watch.html
View file

@ -42,8 +42,9 @@
<video id="player" controls crossorigin playsinline poster="{{ url_for('thumb_route', thumb_file=thumb_file) }}">
<source src="{{ url_for('video_route', video_file=video_file) }}" type="video/mp4">
</video>
<button type="button" class="btn btn-lg btn-primary" onclick="history.back()">
<i class="fa-solid fa-arrow-left"></i> Back
<br />
<img src="https://deflax.net/static/images/logo.png" alt="">
<a href="{{ url_for('root_route') }}"><i class="fa-solid fa-arrow-left"></i> Live Stream</a>
</button>
</div>
</div>