tcsenpai/swingmusic
1
0
Fork 0
mirror of https://github.com/tcsenpai/swingmusic.git synced 2025-07-29 14:12:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix right sidebar animation

Browse Source
This commit is contained in:
geoffrey45 2021-12-08 16:54:32 +03:00
parent e1e0df44c4
commit 349028b592
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/RightSideBar/UpNext.vue
View File

@ -11,9 +11,9 @@
<p class="artist">Sam hunt</p> <p class="artist">Sam hunt</p>
</div> </div>
</div> </div>
<div :class="{ v0: !is_expanded, v1: is_expanded }"> <div>
<div class="all-items"> <div :class="{ hr: is_expanded }" class="all-items">
<div class="scrollable"> <div :class="{ v0: !is_expanded, v1: is_expanded }" class="scrollable">
<div class="song-item h-1" v-for="song in songs" :key="song"> <div class="song-item h-1" v-for="song in songs" :key="song">
<div class="album-art image"></div> <div class="album-art image"></div>
<div class="tags"> <div class="tags">
@ -126,6 +126,9 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.up-next .hr {
border-top: 1px solid var(--seperator);
}
.up-next .v0 { .up-next .v0 {
max-height: 0em; max-height: 0em;
overflow: hidden; overflow: hidden;
@ -133,8 +136,7 @@ export default {
} }
.up-next .v1 { .up-next .v1 {
max-height: 23em; max-height: 20em;
border-top: 1px solid var(--seperator);
transition: max-height 0.5s ease; transition: max-height 0.5s ease;
} }