Hide filter scroll buttons for now.

main
Joshua Potter 2023-12-06 09:06:22 -07:00
parent 283bf59546
commit c6538c884b
2 changed files with 5 additions and 5 deletions

View File

@ -21,7 +21,7 @@ export function FadeIn({ ...props }) {
whileInView: "visible",
viewport: {
once: true,
margin: "0px 0px -200px",
margin: "0px 0px -120px",
},
})}
{...props}

View File

@ -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" />