From 66d806446282c8c345708862505d8edfa58157cb Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Tue, 17 Sep 2024 05:55:03 -0700
Subject: [PATCH] fix: fixes a css bug that was causing browser horizontal
 scrollbar. see #3278 (#3279)

---
 assets/components/ScrollableView.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/assets/components/ScrollableView.vue b/assets/components/ScrollableView.vue
index 62121464..79cc52af 100644
--- a/assets/components/ScrollableView.vue
+++ b/assets/components/ScrollableView.vue
@@ -25,7 +25,7 @@
         </div>
       </div>
       <div
-        class="animate-background h-1 bg-gradient-radial from-primary to-transparent to-50%"
+        class="animate-background h-1 w-1/2 bg-gradient-radial from-primary to-transparent to-75%"
         v-show="!scrollContext.paused && !scrollContext.loading"
       ></div>
       <div ref="scrollObserver" class="h-px"></div>
@@ -101,10 +101,10 @@ function scrollToBottom(behavior: "auto" | "smooth" = "auto") {
 @keyframes gradient-animation {
   0%,
   100% {
-    transform: translateX(-25%);
+    transform: translateX(0%);
   }
   50% {
-    transform: translateX(25%);
+    transform: translateX(100%);
   }
 }
 </style>