tcsenpai/swingmusic
1
0
Fork 0
mirror of https://github.com/tcsenpai/swingmusic.git synced 2025-06-09 12:37:22 +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="item rounded" v-for="album in albums" :key="album">
<div class="play"></div> <div class="play"></div>
<div class="album-art image rounded"></div> <div class="album-art image rounded"></div>
<div class="name ellip">{{album.title}}</div> <div class="name ellip">{{ album.title }}</div>
<div class="artist ellip">{{album.artist}}</div> <div class="artist ellip">{{ album.artist }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -20,15 +20,16 @@
export default { export default {
setup() { setup() {
const albums = [ const albums = [
{ {
title: "Album 2 af sjf s d kjf saf ", 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", title: "Album 3",
artist: "Artist 3", artist: "Artist 3",
},{ },
{
title: "Album 1", title: "Album 1",
artist: "Artist 1", artist: "Artist 1",
}, },
@ -39,7 +40,8 @@ export default {
{ {
title: "Album 3", title: "Album 3",
artist: "Artist 3", artist: "Artist 3",
},{ },
{
title: "Album 1", title: "Album 1",
artist: "Artist 1", artist: "Artist 1",
}, },
@ -50,7 +52,8 @@ export default {
{ {
title: "Album 3", title: "Album 3",
artist: "Artist 3", artist: "Artist 3",
},{ },
{
title: "Album 1", title: "Album 1",
artist: "Artist 1", artist: "Artist 1",
}, },
@ -61,7 +64,8 @@ export default {
{ {
title: "Album 3", title: "Album 3",
artist: "Artist 3", artist: "Artist 3",
},{ },
{
title: "Album 1", title: "Album 1",
artist: "Artist 1", artist: "Artist 1",
}, },
@ -72,7 +76,8 @@ export default {
{ {
title: "Album 3", title: "Album 3",
artist: "Artist 3", artist: "Artist 3",
},{ },
{
title: "Album 1", title: "Album 1",
artist: "Artist 1", artist: "Artist 1",
}, },
@ -83,7 +88,8 @@ export default {
{ {
title: "Album 3", title: "Album 3",
artist: "Artist 3", artist: "Artist 3",
},{ },
{
title: "Album 1", title: "Album 1",
artist: "Artist 1", artist: "Artist 1",
}, },
@ -166,6 +172,7 @@ export default {
font-size: small; font-size: small;
font-weight: lighter; font-weight: lighter;
text-align: left; 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 { .item {
height: 10rem; height: 10rem;
width: 100%; width: 100%;
max-width: 25rem;
background-color: rgb(7, 6, 6); background-color: rgb(7, 6, 6);
display: grid; display: grid;
align-items: center; align-items: center;
@ -91,6 +92,7 @@ export default {
.info .artist { .info .artist {
font-size: small; font-size: small;
color: rgba(255, 255, 255, 0.699);
} }
.info .top { .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 { .f-artists .artists {
position: absolute; position: absolute;
bottom: 1em; bottom: 1em;

2
src/views/PlaylistView.vue
View File

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