From 349028b592727875bc5c355f3b44d1696f3ef181 Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Wed, 8 Dec 2021 16:54:32 +0300
Subject: [PATCH] fix right sidebar animation

---
 src/components/RightSideBar/UpNext.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/RightSideBar/UpNext.vue b/src/components/RightSideBar/UpNext.vue
index d29205b..4db262c 100644
--- a/src/components/RightSideBar/UpNext.vue
+++ b/src/components/RightSideBar/UpNext.vue
@@ -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;
 }