shockrah/clippable
shockrah/clippable
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixing vertical alignment in videos pages

Browse Source
This commit is contained in:
shockrah 2025-08-18 14:46:10 -07:00
parent 050160c326
commit 690158ff1c
3 changed files with 17 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
service/static/main.css
View File

@ -1211,7 +1211,7 @@ input, select, textarea {
-ms-justify-content: space-between; -ms-justify-content: space-between;
justify-content: space-between; justify-content: space-between;
position: relative; position: relative;
min-height: 100vh; min-height: 100px;
width: 100%; width: 100%;
padding: 4rem 2rem; padding: 4rem 2rem;
z-index: 3; z-index: 3;

10
service/static/style.css
View File

@ -1,10 +0,0 @@
body {
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.container {
border: 1em;
width: 100%;
display: flex;
justify-content: center;;
}

22
service/templates/video.html.tera
View File

@ -1,14 +1,18 @@
<!DOCTYPE html> <!DOCTYPE html>
{% include "head" %} {% include "header" %}
<body> <body class="is-preload">
<div class="container"> <div id="wrapper">
{% if video %} <header id="header">
<video class="content" controls> <div class="content">
<div class="inner">
<h1>{{ title }}</h1>
<video controls>
<source src="{{ video }}" type="video/{{ kind }}"> <source src="{{ video }}" type="video/{{ kind }}">
</video> </video>
<br><p class="content">{{title}}</p>
{% else %}
<p class="content">Nothing to see here</p>
{% endif %}
</div> </div>
</div>
</header>
</div>
<div id="bg"></div>
</body> </body>
{% include "footer" %}