knotbin.com
+3
-3
components/post-list-item.tsx
+3
-3
components/post-list-item.tsx
···
53
53
isLeaving ? "animate-fade-out" : "animate-fade-in",
54
54
)}
55
55
>
56
-
<div className="h-full w-full pt-[120px] flex items-center justify-center">
57
-
<div className="whitespace-nowrap animate-marquee font-serif font-medium uppercase leading-[0.8] text-[20vw] opacity-[0.015] -rotate-12">
58
-
{Array(3).fill(post.title).join(" · ")}
56
+
<div className="h-full w-full pt-[120px] flex items-center overflow-hidden">
57
+
<div className="whitespace-nowrap animate-marquee font-serif font-medium uppercase leading-[0.8] text-[20vw] opacity-[0.015] -rotate-12 absolute left-0">
58
+
{Array(8).fill(post.title).join(" · ")}
59
59
</div>
60
60
</div>
61
61
</div>