mirror of
https://github.com/sigmasternchen/MyTube
synced 2025-03-15 21:08:55 +00:00
better button layout on dashboard
This commit is contained in:
parent
7abd3ee56a
commit
7ec2db7d77
2 changed files with 26 additions and 10 deletions
|
@ -86,15 +86,15 @@
|
||||||
color: lightgray;
|
color: lightgray;
|
||||||
}
|
}
|
||||||
|
|
||||||
.link {
|
.buttons {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: calc(9 / 16 * 100% + 12%);
|
bottom: 3%;
|
||||||
right: 3%;
|
right: 3%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.link a {
|
/*.buttons a {
|
||||||
color: #9f44b4;
|
color: #9f44b4;
|
||||||
}
|
}*/
|
||||||
|
|
||||||
.link:hover a {
|
.link:hover a {
|
||||||
color: grey;
|
color: grey;
|
||||||
|
@ -122,11 +122,18 @@
|
||||||
background-color: lightgrey;
|
background-color: lightgrey;
|
||||||
}
|
}
|
||||||
|
|
||||||
.views {
|
.views, .length {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: 1vw;
|
font-size: 1vw;
|
||||||
top: 69%;
|
right: 3%;
|
||||||
right: 10%;
|
}
|
||||||
|
|
||||||
|
.views {
|
||||||
|
top: calc(9 / 16 * 100% + 4%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.length {
|
||||||
|
top: calc(9 / 16 * 100% + 4% + 5%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-content {
|
.no-content {
|
||||||
|
|
|
@ -64,10 +64,19 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<div class="link">
|
<div class="buttons btn-group btn-group-sm">
|
||||||
<a href="{{ path("app_new_link") }}?video={{ video.customId | url_encode }}">
|
<button class="btn btn-primary"
|
||||||
|
onclick="location.href='{{ path("app_new_link") }}?video={{ video.customId | url_encode }}'">
|
||||||
<i class="fas fa-link"></i>
|
<i class="fas fa-link"></i>
|
||||||
</a>
|
</button>
|
||||||
|
<button class="btn btn-primary"
|
||||||
|
onclick="">
|
||||||
|
<i class="fas fa-cog"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-primary btn-danger"
|
||||||
|
onclick="">
|
||||||
|
<i class="fas fa-trash-alt"></i>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<h5>{{ video.name }}</h5>
|
<h5>{{ video.name }}</h5>
|
||||||
<div class="views">
|
<div class="views">
|
||||||
|
|
Loading…
Reference in a new issue