Improve marketing site mobile layout: reduce hero top spacing and hide curl command

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Bryan Helmkamp 2026-03-16 12:46:22 -04:00
parent 0db08b937c
commit 4d93fa55df
2 changed files with 3 additions and 3 deletions

View file

@ -102,7 +102,7 @@ const cssExample = `<span class="text-ice-300">/* All nodes default to fast + ch
<main class="overflow-x-hidden">
<!-- Hero -->
<section class="relative overflow-hidden pt-40 pb-24">
<section class="relative overflow-hidden pt-28 sm:pt-36 pb-24">
<!-- Atmosphere -->
<div class="absolute inset-0 grid-overlay"></div>
<div class="absolute inset-0 noise-overlay"></div>
@ -126,7 +126,7 @@ const cssExample = `<span class="text-ice-300">/* All nodes default to fast + ch
and intervene only where it matters.
</p>
<div class="reveal reveal-d3 mt-10 flex flex-col items-center gap-5">
<div class="overflow-x-auto rounded-xl border border-navy-600 bg-navy-900/60 px-6 py-3">
<div class="hidden sm:block overflow-x-auto rounded-xl border border-navy-600 bg-navy-900/60 px-6 py-3">
<code class="text-xs font-mono text-teal-300 sm:text-sm">$ curl -fsSL https://fabro.sh/install.sh | bash</code>
</div>
<div class="flex items-center gap-4">

View file

@ -92,7 +92,7 @@ const statusConfig = {
<main>
<!-- Hero -->
<section class="relative overflow-hidden pt-40 pb-20">
<section class="relative overflow-hidden pt-28 sm:pt-36 pb-20">
<div class="absolute inset-0 grid-overlay"></div>
<div class="absolute inset-0 noise-overlay"></div>
<div class="pointer-events-none absolute top-16 -left-40 h-[500px] w-[500px] rounded-full bg-teal-500/10 blur-[120px] animate-float"></div>