mirror of
https://github.com/Dvorinka/swingmusic-extended.git
synced 2026-06-04 12:33:03 +00:00
add songs and featured artists to album view
This commit is contained in:
+36
-5
@@ -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>
|
||||
@@ -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>
|
||||
Reference in New Issue
Block a user