pleb/flockstr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first elm padding

Browse Source
This commit is contained in:
zmeyer44 2023-10-13 23:26:25 -04:00
parent 90b401a61c
commit 75cf1594ee
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/(app)/app/_sections/HorizontalCarousel.tsx
View File

@ -1,5 +1,7 @@
"use client"; "use client";
import CreatorCard from "@/components/CreatorCard"; import CreatorCard from "@/components/CreatorCard";
import { cn } from "@/lib/utils";
export default function HorizontalCarousel() { export default function HorizontalCarousel() {
const cards = [ const cards = [
{ {
@ -45,8 +47,8 @@ export default function HorizontalCarousel() {
]; ];
return ( return (
<div className="scrollbar-thumb-rounded-full mr-auto flex min-w-0 max-w-full snap-x snap-mandatory overflow-x-auto pl-5 pr-[50vw] scrollbar-thin sm:pr-[200px]"> <div className="scrollbar-thumb-rounded-full mr-auto flex min-w-0 max-w-full snap-x snap-mandatory overflow-x-auto pl-5 pr-[50vw] scrollbar-thin sm:pr-[200px]">
{cards.map((creator) => ( {cards.map((creator, index) => (
<div className="snap-start pl-2 sm:pl-5"> <div className={cn("snap-start pl-2 sm:pl-5", index === 0 && "pl-5")}>
<CreatorCard key={creator.displayName} {...creator} /> <CreatorCard key={creator.displayName} {...creator} />
</div> </div>
))} ))}