From c6538c884b8e2c865c3b91b952e0ff4e64e5de2f Mon Sep 17 00:00:00 2001
From: Joshua Potter <jrpotter2112@gmail.com>
Date: Wed, 6 Dec 2023 09:06:22 -0700
Subject: [PATCH] Hide filter scroll buttons for now.

---
 assets/js/react/components/FadeIn.tsx       | 2 +-
 assets/js/react/components/FilterScroll.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/assets/js/react/components/FadeIn.tsx b/assets/js/react/components/FadeIn.tsx
index f28046d..c1c6b6f 100644
--- a/assets/js/react/components/FadeIn.tsx
+++ b/assets/js/react/components/FadeIn.tsx
@@ -21,7 +21,7 @@ export function FadeIn({ ...props }) {
             whileInView: "visible",
             viewport: {
               once: true,
-              margin: "0px 0px -200px",
+              margin: "0px 0px -120px",
             },
           })}
       {...props}
diff --git a/assets/js/react/components/FilterScroll.tsx b/assets/js/react/components/FilterScroll.tsx
index 3800b39..400f2df 100644
--- a/assets/js/react/components/FilterScroll.tsx
+++ b/assets/js/react/components/FilterScroll.tsx
@@ -74,8 +74,8 @@ export function FilterScroll({ params, onModal, onSelect }: FilterScrollProps) {
   }
 
   return (
-    <div className="flex items-center gap-x-8">
-      <div className="relative flex overflow-hidden">
+    <div className="flex items-center gap-x-8 w-full">
+      <div className="relative flex overflow-hidden w-full">
         <div
           ref={viewport}
           className="flex items-center gap-x-12 overflow-hidden"
@@ -93,7 +93,7 @@ export function FilterScroll({ params, onModal, onSelect }: FilterScrollProps) {
             </div>
           ))}
         </div>
-        <div
+        {/*<div
           className={clsx(
             "pointer-events-none absolute top-1/2 -translate-y-1/2 bg-gradient-to-r from-white to-transparent to-90% py-4 pr-60",
             isFlush[0] ? "hidden" : ""
@@ -124,7 +124,7 @@ export function FilterScroll({ params, onModal, onSelect }: FilterScrollProps) {
           >
             <RightArrowIcon className="h-3 w-3 fill-white" />
           </Button>
-        </div>
+        </div>*/}
       </div>
       <Button className="flex gap-x-2 py-4" onClick={onModal}>
         <FilterIcon className="h-6 w-6 fill-white" />