jb/paseo
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Tighten social proof marquee spacing

Browse Source
This commit is contained in:
Mohamed Boudra
2026-06-01 18:04:20 +07:00
parent a807eb0eb2
commit a5c2f39f65
2 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/website/src/components/landing-page.tsx
+2 -2
View File
@@ -306,12 +306,12 @@ function SocialProofRow({
return ( return (
<div className="social-proof-row"> <div className="social-proof-row">
<div className={`social-proof-track ${reverse ? "social-proof-track-reverse" : ""}`}> <div className={`social-proof-track ${reverse ? "social-proof-track-reverse" : ""}`}>
<div className="flex shrink-0 gap-4 px-2"> <div className="flex shrink-0 gap-4 pr-4">
{tweets.map((tweet) => ( {tweets.map((tweet) => (
<SocialProofCard key={tweet.url} tweet={tweet} /> <SocialProofCard key={tweet.url} tweet={tweet} />
))} ))}
</div> </div>
<div className="flex shrink-0 gap-4 px-2" aria-hidden="true"> <div className="flex shrink-0 gap-4 pr-4" aria-hidden="true">
{tweets.map((tweet) => ( {tweets.map((tweet) => (
<SocialProofCard key={`${tweet.url}-clone`} tweet={tweet} inert /> <SocialProofCard key={`${tweet.url}-clone`} tweet={tweet} inert />
))} ))}
packages/website/src/styles.css
-1
View File
@@ -21,7 +21,6 @@
.social-proof-marquee { .social-proof-marquee {
margin-inline: calc(50% - 50vw); margin-inline: calc(50% - 50vw);
overflow-x: clip; overflow-x: clip;
padding-inline: max(1.5rem, calc((100vw - 80rem) / 2));
position: relative; position: relative;
} }