From 34b813ecd825e96a2201a4616ce07351a3b1e94d Mon Sep 17 00:00:00 2001
From: nieve <ppu7haxj@duck.com>
Date: Mon, 26 Aug 2024 16:02:15 -0400
Subject: [PATCH] fix playlist height and overflow

only scroll if it exceeds the max height
---
 src/components/PlaylistVideos.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/PlaylistVideos.vue b/src/components/PlaylistVideos.vue
index 7264588e..f6585ef3 100644
--- a/src/components/PlaylistVideos.vue
+++ b/src/components/PlaylistVideos.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <router-link :to="{path:'/playlist',query:{list:playlistId}}"
+        <router-link :to="{ path: '/playlist', query: { list: playlistId } }"
             ><h1 class="font-bold !text-lg hover:underline" v-text="playlist.name"
         /></router-link>
         <span class="text-sm">
@@ -10,7 +10,7 @@
             - {{ selectedIndex }} / {{ playlist.videos }}
         </span>
     </div>
-    <div ref="scrollable" class="mt-4 h-screen-sm overflow-y-scroll">
+    <div ref="scrollable" class="mt-4 max-h-screen-sm overflow-y-auto">
         <div
             v-for="(related, index) in playlist.relatedStreams"
             :key="related.url"