evan/deemixer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: CoverContainer; style: primary and secondary text

Browse Source
This commit is contained in:
Roberto Tonino
2020-11-02 23:24:10 +01:00
parent 1cd84d39e9
commit d5973c067b
10 changed files with 96 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/pages/Favorites.vue
View File

@@ -34,15 +34,11 @@
<h1>{{ $t('favorites.noPlaylists') }}</h1>
</div>
<div class="release_grid" v-if="playlists.length > 0 || spotifyPlaylists > 0">
<router-link
tag="div"
v-for="release in playlists"
:key="release.id"
class="release clickable"
:to="{ name: 'Playlist', params: { id: release.id } }"
>
<CoverContainer is-rounded :cover="release.picture_medium" :link="release.link" @click.stop="addToQueue" />
<p class="primary-text">{{ release.title }}</p>
<div class="release" v-for="release in playlists" :key="release.id">
<router-link tag="div" class="cursor-pointer" :to="{ name: 'Playlist', params: { id: release.id } }">
<CoverContainer is-rounded :cover="release.picture_medium" :link="release.link" @click.stop="addToQueue" />
<p class="primary-text">{{ release.title }}</p>
</router-link>
<p class="secondary-text">
{{
@@ -52,17 +48,13 @@
)}`
}}
</p>
</router-link>
</div>
<router-link
tag="div"
v-for="release in spotifyPlaylists"
:key="release.id"
class="release clickable"
:to="{ name: 'Spotify Playlist', params: { id: release.id } }"
>
<CoverContainer is-rounded :cover="release.picture_medium" :link="release.link" @click.stop="addToQueue" />
<p class="primary-text">{{ release.title }}</p>
<div class="release" v-for="release in spotifyPlaylists" :key="release.id">
<router-link tag="div" class="cursor-pointer" :to="{ name: 'Spotify Playlist', params: { id: release.id } }">
<CoverContainer is-rounded :cover="release.picture_medium" :link="release.link" @click.stop="addToQueue" />
<p class="primary-text">{{ release.title }}</p>
</router-link>
<p class="secondary-text">
{{
@@ -72,7 +64,7 @@
)}`
}}
</p>
</router-link>
</div>
</div>
</div>