mirrors/Hyperpipe
1
0
Fork 0
mirror of https://codeberg.org/Hyperpipe/Hyperpipe synced 2025-06-28 21:18:01 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

changes:

Browse source 
step 1 of #138
minor layout fixes
This commit is contained in:
Shiny Nematoda 2023-07-30 10:06:42 +00:00
parent 764bce8ea7
commit 1468e3743f
4 changed files with 39 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/components/Charts.vue
View file

@ -62,19 +62,6 @@ onMounted(getCharts);
</select>
</template>
<template v-if="data.artists.length > 0">
<h2 class="center">{{ t('title.artists') }}</h2>
<div class="grid-3 circle">
<AlbumItem
v-for="i in data.artists"
:key="i.id"
:name="i.title"
:author="i.subtitle"
:art="i.thumbnails[1].url"
@open-album="getArtist(i.id)" />
</div>
</template>
<template v-if="data.songs.length > 0">
<h2 class="center">{{ t('title.songs') }}</h2>
<div class="grid">
@ -100,4 +87,23 @@ onMounted(getCharts);
" />
</div>
</template>
<template v-if="data.artists.length > 0">
<h2 class="center">{{ t('title.artists') }}</h2>
<div class="grid-3 circle">
<AlbumItem
v-for="i in data.artists"
:key="i.id"
:name="i.title"
:author="i.subtitle"
:art="i.thumbnails[1].url"
@open-album="getArtist(i.id)" />
</div>
</template>
</template>
<style scoped>
.center {
margin-top: 2rem;
}
</style>