mirror of
https://github.com/sigmasternchen/MyTube
synced 2025-03-15 04:48: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;
|
||||
}
|
||||
|
||||
.link {
|
||||
.buttons {
|
||||
position: absolute;
|
||||
top: calc(9 / 16 * 100% + 12%);
|
||||
bottom: 3%;
|
||||
right: 3%;
|
||||
}
|
||||
|
||||
.link a {
|
||||
/*.buttons a {
|
||||
color: #9f44b4;
|
||||
}
|
||||
}*/
|
||||
|
||||
.link:hover a {
|
||||
color: grey;
|
||||
|
@ -122,11 +122,18 @@
|
|||
background-color: lightgrey;
|
||||
}
|
||||
|
||||
.views {
|
||||
.views, .length {
|
||||
position: absolute;
|
||||
font-size: 1vw;
|
||||
top: 69%;
|
||||
right: 10%;
|
||||
right: 3%;
|
||||
}
|
||||
|
||||
.views {
|
||||
top: calc(9 / 16 * 100% + 4%);
|
||||
}
|
||||
|
||||
.length {
|
||||
top: calc(9 / 16 * 100% + 4% + 5%);
|
||||
}
|
||||
|
||||
.no-content {
|
||||
|
|
|
@ -64,10 +64,19 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="link">
|
||||
<a href="{{ path("app_new_link") }}?video={{ video.customId | url_encode }}">
|
||||
<div class="buttons btn-group btn-group-sm">
|
||||
<button class="btn btn-primary"
|
||||
onclick="location.href='{{ path("app_new_link") }}?video={{ video.customId | url_encode }}'">
|
||||
<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>
|
||||
<h5>{{ video.name }}</h5>
|
||||
<div class="views">
|
||||
|
|
Loading…
Reference in a new issue