Update music page design
This commit is contained in:
parent
5cadd66a30
commit
50390e8e05
2 changed files with 24 additions and 7 deletions
|
@ -488,3 +488,22 @@ #scheme-selector {
|
|||
background-color: var(--background-secondary);
|
||||
color: var(--foreground)
|
||||
}
|
||||
|
||||
|
||||
.music-top10 td {
|
||||
border: none;
|
||||
border-left: 1px dotted var(--foreground);
|
||||
padding: 2px 5px
|
||||
}
|
||||
|
||||
.music-top10 tr:nth-child(2) td {
|
||||
border-bottom: 1px dotted var(--foreground);
|
||||
}
|
||||
|
||||
.music-top10 tr:nth-child(3) td {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.music-top10 td:first-child {
|
||||
border: none;
|
||||
}
|
||||
|
|
|
@ -35,14 +35,12 @@
|
|||
<a href="{{ $current_track->url }}">{{ $current_track->title }} • {{ $current_track->artist }}</a><br>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4">
|
||||
</table>
|
||||
<hr>
|
||||
</td>
|
||||
</tr>
|
||||
<table class="music-top10">
|
||||
<tr>
|
||||
<td colspan="4">
|
||||
<h2>Top {{ $cfg['toptracks'] }} Tracks (Last 7 days)</h2>
|
||||
<h2 style="margin-bottom: 5px">Top {{ $cfg['toptracks'] }} Tracks (Last 7 days)</h2>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
@ -58,7 +56,7 @@
|
|||
@endif
|
||||
<tr>
|
||||
<td style="text-align: right">{{ $count }}</td>
|
||||
<td style="white-space: nowrap; text-overflow:ellipsis; overflow: hidden; max-width:1px;" width="50%">{{ $track->title }}</td>
|
||||
<td style="white-space: nowrap; text-overflow:ellipsis; overflow: hidden; max-width:1px;" width="50%"><a href="{{ $track->url }}">{{ $track->title }}</a></td>
|
||||
<td style="white-space: nowrap; text-overflow:ellipsis; overflow: hidden; max-width:1px;" width="50%">{{ $track->artist }}</td>
|
||||
<td>{{ $track->playcount }}</td>
|
||||
</tr>
|
||||
|
|
Loading…
Reference in a new issue