add songs and featured artists to album view

This commit is contained in:
geoffrey45
2021-12-12 00:52:39 +03:00
parent 8afa044813
commit e970324314
5 changed files with 134 additions and 11 deletions
+36 -5
View File
@@ -1,17 +1,48 @@
<template>
<Header/>
<div class="al-view">
<div class="header">
<Header />
</div>
<div class="separator" id="av-sep"></div>
<div>
<SongList />
</div>
<div class="separator" id="av-sep"></div>
<FeaturedArtists />
</div>
</template>
<script>
import Header from "../components/AlbumView/Header.vue"
import Header from "../components/AlbumView/Header.vue";
import SongList from "../components/PlaylistView/SongList.vue";
import FeaturedArtists from "../components/PlaylistView/FeaturedArtists.vue";
export default {
components: {
Header
Header,
SongList,
FeaturedArtists,
},
}
};
</script>
<style>
<style lang="scss">
.al-view {
height: 100%;
overflow: auto;
.header {
position: sticky;
top: 0;
z-index: 60;
}
&::-webkit-scrollbar {
display: none;
}
#av-sep {
border: none;
}
}
</style>
+2 -4
View File
@@ -48,9 +48,7 @@ export default {
border-radius: $small;
}
.p-bg .f-artists {
position: absolute;
bottom: 0;
margin-top: 1em;
.p-bg .f-artists-p {
margin-top: $small;
}
</style>