GKaszewski/thoughts
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(frontend): place scroll indicator directly below hero card in flow

Browse Source
This commit is contained in:
Gabriel Kaszewski
2026-05-29 01:03:59 +02:00
parent 44b3a6de60
commit 037217960e
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
thoughts-frontend/components/landing-page.tsx
View File

@@ -64,7 +64,8 @@ export function LandingPage() {
{/* ── Section 1: Hero ── */} {/* ── Section 1: Hero ── */}
<section className="relative z-10 flex items-center justify-center min-h-screen px-4 py-16"> <section className="relative z-10 flex items-center justify-center min-h-screen px-4 py-16">
<div className="landing-hero-card glass-effect rounded-2xl shadow-fa-lg p-8 sm:p-12 text-center max-w-md w-full mx-auto"> <div className="flex flex-col items-center gap-6 w-full max-w-md mx-auto">
<div className="landing-hero-card glass-effect rounded-2xl shadow-fa-lg p-8 sm:p-12 text-center w-full">
<h1 className="text-4xl sm:text-5xl font-black tracking-tight mb-3 text-shadow-sm"> <h1 className="text-4xl sm:text-5xl font-black tracking-tight mb-3 text-shadow-sm">
Thoughts Thoughts
</h1> </h1>
@@ -88,13 +89,11 @@ export function LandingPage() {
Works with Mastodon, Pixelfed &amp; more Works with Mastodon, Pixelfed &amp; more
</div> </div>
</div> </div>
{/* Scroll indicator */} <ChevronDown
<div className="absolute bottom-8 left-0 right-0 flex justify-center"> className="animate-float-bob text-muted-foreground/60"
<ChevronDown size={28}
className="animate-float-bob text-muted-foreground/60" strokeWidth={1.5}
size={28} />
strokeWidth={1.5}
/>
</div> </div>
</section> </section>