Mike/freno-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix missing height

Browse Source
This commit is contained in:
Michael Freno
2026-09-05 17:20:12 -04:00
parent bc65789431
commit 3149eba196
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/routes/nook/index.tsx
View File

@@ -68,7 +68,8 @@ export default function NookLanding() {
<SubdomainHeader /> <SubdomainHeader />
{/* ── Hero ─────────────────────────────────────────────────────── */} {/* ── Hero ─────────────────────────────────────────────────────── */}
<div class="relative flex min-h-screen flex-col overflow-hidden"> {/* min-h = viewport − sticky header (h-14), so it ends at the fold */}
<div class="relative flex min-h-[calc(100svh-3.5rem)] flex-col overflow-hidden">
<div <div
class="fixed inset-0 z-0" class="fixed inset-0 z-0"
style={{ style={{
@@ -77,13 +78,13 @@ export default function NookLanding() {
: "radial-gradient(ellipse at top, #d7eef5 0%, #f5f5f5 70%)" : "radial-gradient(ellipse at top, #d7eef5 0%, #f5f5f5 70%)"
}} }}
/> />
<div class="relative z-10 flex min-h-screen flex-col items-center justify-center px-4 py-24 text-center"> <div class="relative z-10 flex flex-1 flex-col items-center justify-center px-4 py-12 text-center sm:py-24">
<img <img
src="/nook/icon.png" src="/nook/icon.png"
alt="The Nook App Icon" alt="The Nook App Icon"
height={128} height={128}
width={128} width={128}
class="mb-6 h-32 w-32 rounded-[22%] object-cover object-center shadow-2xl" class="mb-4 h-24 w-24 rounded-[22%] object-cover object-center shadow-2xl sm:mb-6 sm:h-32 sm:w-32"
/> />
<div <div
class="text-text/90 mb-6 rounded-2xl px-5 py-3 text-sm font-semibold tracking-wide backdrop-blur-sm" class="text-text/90 mb-6 rounded-2xl px-5 py-3 text-sm font-semibold tracking-wide backdrop-blur-sm"
@@ -94,7 +95,7 @@ export default function NookLanding() {
> >
The Nook The Nook
</div> </div>
<h1 class="text-text mb-4 text-5xl font-bold tracking-tight"> <h1 class="text-text mb-4 text-4xl font-bold tracking-tight sm:text-5xl">
Your Mac and Agents, under control Your Mac and Agents, under control
</h1> </h1>
<p class="text-subtext0 mb-2 max-w-xl text-xl"> <p class="text-subtext0 mb-2 max-w-xl text-xl">