mirror of
https://github.com/tcsenpai/swingmusic.git
synced 2025-07-28 13:41:42 +00:00
fix right sidebar animation
This commit is contained in:
parent
e1e0df44c4
commit
349028b592
@ -11,9 +11,9 @@
|
||||
<p class="artist">Sam hunt</p>
|
||||
</div>
|
||||
</div>
|
||||
<div :class="{ v0: !is_expanded, v1: is_expanded }">
|
||||
<div class="all-items">
|
||||
<div class="scrollable">
|
||||
<div>
|
||||
<div :class="{ hr: is_expanded }" class="all-items">
|
||||
<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="album-art image"></div>
|
||||
<div class="tags">
|
||||
@ -126,6 +126,9 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.up-next .hr {
|
||||
border-top: 1px solid var(--seperator);
|
||||
}
|
||||
.up-next .v0 {
|
||||
max-height: 0em;
|
||||
overflow: hidden;
|
||||
@ -133,8 +136,7 @@ export default {
|
||||
}
|
||||
|
||||
.up-next .v1 {
|
||||
max-height: 23em;
|
||||
border-top: 1px solid var(--seperator);
|
||||
max-height: 20em;
|
||||
transition: max-height 0.5s ease;
|
||||
}
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user