responsive menus

This commit is contained in:
bkfox
2023-11-29 15:41:15 +01:00
parent f5ce00795e
commit 8202a9324c
17 changed files with 639 additions and 336 deletions

View File

@ -91,9 +91,9 @@
<div class="column is-two-fifths">
<h6 class="subtitle is-6 is-marginless">Metadata</h6>
<table class="table has-background-transparent">
<table class="table bg-transparent">
<tbody>
<tr><th class="has-text-right has-text-nowrap">
<tr><th class="has-text-right ws-nowrap">
{% translate "Status" %}
</th>
<td :class="{'has-text-danger': source.isPlaying, 'has-text-warning': source.isPaused}">
@ -103,7 +103,7 @@
</td>
</tr>
<tr v-if="source.data.air_time">
<th class="has-text-right has-text-nowrap">
<th class="has-text-right ws-nowrap">
{% translate "Air time" %}
</th><td>
<span class="far fa-clock"></span>
@ -113,7 +113,7 @@
</time>
</td>
<tr v-if="source.remaining">
<th class="has-text-right has-text-nowrap">
<th class="has-text-right ws-nowrap">
{% translate "Time left" %}
</th><td>
<span class="far fa-hourglass"></span>
@ -121,7 +121,7 @@
</td>
</tr>
<tr v-if="source.data.uri">
<th class="has-text-right has-text-nowrap">
<th class="has-text-right ws-nowrap">
{% translate "Data source" %}
</th><td>
<span class="far fa-play-circle"></span>