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", whileInView: "visible",
viewport: { viewport: {
once: true, once: true,
margin: "0px 0px -200px", margin: "0px 0px -120px",
}, },
})} })}
{...props} {...props}

View File

@ -74,8 +74,8 @@ export function FilterScroll({ params, onModal, onSelect }: FilterScrollProps) {
} }
return ( return (
<div className="flex items-center gap-x-8"> <div className="flex items-center gap-x-8 w-full">
<div className="relative flex overflow-hidden"> <div className="relative flex overflow-hidden w-full">
<div <div
ref={viewport} ref={viewport}
className="flex items-center gap-x-12 overflow-hidden" className="flex items-center gap-x-12 overflow-hidden"
@ -93,7 +93,7 @@ export function FilterScroll({ params, onModal, onSelect }: FilterScrollProps) {
</div> </div>
))} ))}
</div> </div>
<div {/*<div
className={clsx( 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", "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" : "" isFlush[0] ? "hidden" : ""
@ -124,7 +124,7 @@ export function FilterScroll({ params, onModal, onSelect }: FilterScrollProps) {
> >
<RightArrowIcon className="h-3 w-3 fill-white" /> <RightArrowIcon className="h-3 w-3 fill-white" />
</Button> </Button>
</div> </div>*/}
</div> </div>
<Button className="flex gap-x-2 py-4" onClick={onModal}> <Button className="flex gap-x-2 py-4" onClick={onModal}>
<FilterIcon className="h-6 w-6 fill-white" /> <FilterIcon className="h-6 w-6 fill-white" />