From 7431b7f1bfd4674adbb413915cd0dfd4f807dc29 Mon Sep 17 00:00:00 2001
From: dragongoose <dragonmail14@protonmail.com>
Date: Sat, 13 Jul 2024 12:03:33 -0400
Subject: [PATCH] Fix layout issues with following streamer scroll

---
 src/views/HomepageView.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/HomepageView.vue b/src/views/HomepageView.vue
index 417099c..130dc72 100644
--- a/src/views/HomepageView.vue
+++ b/src/views/HomepageView.vue
@@ -112,16 +112,16 @@ export default {
     <error-message ></error-message>
   </div>
 
-  <div v-show="data" class="max-w-5xl mx-auto">
+  <div v-show="data" class="max-w-5xl w-[100vw] mx-auto">
     <vue-title title="Discover"></vue-title>
     <div v-if="following && following.length > 0" class="p-2 text-contrast">
       <h1 class="font-bold text-5xl">{{ $t('home.following') }}</h1>
       <p class="text-xl">{{ $t('home.streamersYouFollow') }}</p>
       <ul
-        class="flex flex-nowrap justify-begin overflow-x-scroll overflow-y-hidden space-x-2 mt-1 h-[19rem] items-center"
+        class="overflow-x-auto whitespace-nowrap"
         @scroll="handleFollowingScroll"
       >
-        <li v-for="streamer in followingStreaming" :key="streamer" class="inline-block">
+        <li v-for="streamer in followingStreaming" :key="streamer" class="mr-2 inline-block">
           <stream-preview-vue :name="streamer"></stream-preview-vue>
         </li>
       </ul>