Tighten social proof marquee spacing

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
@@ -306,12 +306,12 @@ function SocialProofRow({
return (
<div className="social-proof-row">
<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) => (
<SocialProofCard key={tweet.url} tweet={tweet} />
))}
</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) => (
<SocialProofCard key={`${tweet.url}-clone`} tweet={tweet} inert />
))}
-1
View File
@@ -21,7 +21,6 @@
.social-proof-marquee {
margin-inline: calc(50% - 50vw);
overflow-x: clip;
padding-inline: max(1.5rem, calc((100vw - 80rem) / 2));
position: relative;
}