[web] Reposition item count in pages

This commit is contained in:
Alain Nussbaumer 2025-02-23 19:11:12 +01:00
parent bf2e468350
commit c13e6ad672
4 changed files with 22 additions and 22 deletions

View File

@ -6,6 +6,10 @@
<div class="subtitle is-6">
<a @click="open_artist" v-text="album.artist" />
</div>
<div
class="is-size-7 is-uppercase has-text-centered-mobile"
v-text="$t('page.album.track-count', { count: album.track_count })"
/>
<div class="buttons is-centered-mobile mt-5">
<a class="button is-small is-rounded" @click="play">
<mdicon class="icon" name="shuffle" size="16" />
@ -29,10 +33,6 @@
/>
</template>
<template #content>
<div
class="is-size-7 is-uppercase has-text-centered-mobile my-5"
v-text="$t('page.album.track-count', { count: album.track_count })"
/>
<list-tracks :items="tracks" :uris="album.uri" />
<modal-dialog-album
:item="album"

View File

@ -6,6 +6,12 @@
<div class="subtitle is-6">
<a @click="open_artist" v-text="album.artists[0].name" />
</div>
<div
class="is-size-7 is-uppercase has-text-centered-mobile"
v-text="
$t('page.spotify.album.track-count', { count: album.tracks.total })
"
/>
<div class="buttons is-centered-mobile mt-5">
<a class="button is-small is-rounded" @click="play">
<mdicon class="icon" name="shuffle" size="16" />
@ -29,12 +35,6 @@
/>
</template>
<template #content>
<div
class="is-size-7 is-uppercase has-text-centered-mobile mt-5"
v-text="
$t('page.spotify.album.track-count', { count: album.tracks.total })
"
/>
<list-tracks-spotify :items="tracks" :context_uri="album.uri" />
<modal-dialog-album-spotify
:item="album"

View File

@ -6,6 +6,14 @@
<div class="subtitle is-6">
<a @click="open_artist" v-text="album.artist" />
</div>
<div
class="is-size-7 is-uppercase has-text-centered-mobile"
v-text="
$t('page.audiobooks.album.track-count', {
count: album.track_count
})
"
/>
<div class="buttons is-centered-mobile mt-5">
<a class="button is-small is-rounded" @click="play">
<mdicon class="icon" name="play" size="16" />
@ -29,14 +37,6 @@
/>
</template>
<template #content>
<div
class="is-size-7 is-uppercase has-text-centered-mobile mt-5"
v-text="
$t('page.audiobooks.album.track-count', {
count: album.track_count
})
"
/>
<list-tracks :items="tracks" :show_progress="true" :uris="album.uri" />
<modal-dialog-album
:item="album"

View File

@ -6,6 +6,10 @@
<div class="subtitle is-6">
<br />
</div>
<div
class="is-size-7 is-uppercase has-text-centered-mobile"
v-text="$t('page.podcast.track-count', { count: album.track_count })"
/>
<div class="buttons is-centered-mobile mt-5">
<a class="button is-small is-rounded" @click="play">
<mdicon class="icon" name="play" size="16" />
@ -29,10 +33,6 @@
/>
</template>
<template #content>
<div
class="is-size-7 is-uppercase has-text-centered-mobile my-5"
v-text="$t('page.podcast.track-count', { count: album.track_count })"
/>
<list-tracks
:items="tracks"
:show_progress="true"