tcsenpai/swingmusic
1
0
Fork 0
mirror of https://github.com/tcsenpai/swingmusic.git synced 2025-06-07 03:35:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

minor refactoring

Browse Source
This commit is contained in:
geoffrey45 2021-12-11 13:55:12 +03:00
parent c7374e8eb5
commit 24741640ea
4 changed files with 20 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/AlbumsExplorer/AlbumList.vue
View File

@ -10,8 +10,8 @@
<div class="item rounded" v-for="album in albums" :key="album">
<div class="play"></div>
<div class="album-art image rounded"></div>
<div class="name ellip">{{album.title}}</div>
<div class="artist ellip">{{album.artist}}</div>
<div class="name ellip">{{ album.title }}</div>
<div class="artist ellip">{{ album.artist }}</div>
</div>
</div>
</div>
@ -20,15 +20,16 @@
export default {
setup() {
const albums = [
{
title: "Album 2 af sjf s d kjf saf ",
artist: "Artist ad asd f adf d da df d adf ds d fadsf fs dfds sf dadf d",
artist:
"Artist ad asd f adf d da df d adf ds d fadsf fs dfds sf dadf d",
},
{
title: "Album 3",
artist: "Artist 3",
},{
},
{
title: "Album 1",
artist: "Artist 1",
},
@ -39,7 +40,8 @@ export default {
{
title: "Album 3",
artist: "Artist 3",
},{
},
{
title: "Album 1",
artist: "Artist 1",
},
@ -50,7 +52,8 @@ export default {
{
title: "Album 3",
artist: "Artist 3",
},{
},
{
title: "Album 1",
artist: "Artist 1",
},
@ -61,7 +64,8 @@ export default {
{
title: "Album 3",
artist: "Artist 3",
},{
},
{
title: "Album 1",
artist: "Artist 1",
},
@ -72,7 +76,8 @@ export default {
{
title: "Album 3",
artist: "Artist 3",
},{
},
{
title: "Album 1",
artist: "Artist 1",
},
@ -83,7 +88,8 @@ export default {
{
title: "Album 3",
artist: "Artist 3",
},{
},
{
title: "Album 1",
artist: "Artist 1",
},
@ -166,6 +172,7 @@ export default {
font-size: small;
font-weight: lighter;
text-align: left;
color: rgba(255, 255, 255, 0.699);
}
}
}

2
src/components/AlbumsExplorer/TopAlbums.vue
View File

@ -65,6 +65,7 @@ export default {
.item {
height: 10rem;
width: 100%;
max-width: 25rem;
background-color: rgb(7, 6, 6);
display: grid;
align-items: center;
@ -91,6 +92,7 @@ export default {
.info .artist {
font-size: small;
color: rgba(255, 255, 255, 0.699);
}
.info .top {

5
src/components/PlaylistView/FeaturedArtists.vue
View File

@ -143,11 +143,6 @@ export default {
}
}
.f-artists .heading {
color: #fff;
margin: 0 0 1em 1em;
}
.f-artists .artists {
position: absolute;
bottom: 1em;

2
src/views/PlaylistView.vue
View File

@ -38,7 +38,7 @@ export default {
}
.p-bg .clip {
height: calc(100% - 14em);
height: calc(100% - 12em);
padding-bottom: $small;
border-bottom: solid 1px $separator;
}