sigmasternchen/MyTube
1
0
Fork 0
mirror of https://github.com/sigmasternchen/MyTube synced 2025-03-15 04:48:55 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixed design of watch page

Browse source
This commit is contained in:
overflowerror 2021-01-23 19:50:56 +01:00
parent 2429c69b87
commit f7a869c625
2 changed files with 40 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
public/css/watch.css
View file

@ -31,23 +31,50 @@
}
.user {
position: absolute;
}
.user img {
height: 3vw;
margin-right: 1vw;
}
.user span {
font-size: 1vw;
position: absolute;
left: 1.5vw;
}
h2 {
position: absolute;
top: 1vw;
left: 10vw;
margin-top: 2vw;
}
.description {
.indented {
margin-left: 4vw;
}
@media only screen and (max-width: 1500px) {
.user img {
left: auto;
}
}
@media only screen and (max-width: 1050px) {
h2 {
margin-top: 3vw;
}
}
@media only screen and (max-width: 780px) {
h2 {
margin-top: 4vw;
}
}
@media only screen and (max-width: 760px) {
h2 {
margin-top: 5vh;
}
.indented {
margin-left: 0;
}
.user span {
margin-left: 40px;
}
}

6
templates/watch/watch.html.twig
View file

@ -73,13 +73,13 @@
class="rounded-circle avatar"
alt=""
/>
<span>{{ video.uploader.name }}</span>
<span class="fs-6 indented">{{ video.uploader.name }}</span>
</div>
<h2>{{ video.name }}</h2>
<h2 class="indented">{{ video.name }}</h2>
<div class="views">
{{ video.views }} {{ video.views == 1 ? "View" : "Views" }}
</div>
<div class="description">
<div class="description indented">
{{ video.description }}
</div>
</div>