Adjust heading spacing

This commit is contained in:
Mihkel Martin Kasterpalu 2025-01-31 19:52:08 +02:00
parent efdb203ac8
commit 196a046567
3 changed files with 10 additions and 10 deletions

View file

@ -56,7 +56,7 @@
</Button>
</header>
<div class="container relative mt-8 flex flex-col items-center">
<div class="relative container mt-14 flex flex-col items-center">
{@render children()}
</div>

View file

@ -20,8 +20,8 @@
<Image {image} {tags} class="aspect-[4/5] object-cover" />
<div class="grid grid-cols-[1fr_auto] items-center text-sm">
<div class="mt-1 pr-4">
<h3 class="text-lg font-medium leading-none">{name}</h3>
<p class="mt-1.5 text-sm leading-5 text-muted-foreground">{description}</p>
<h3 class="text-lg leading-none font-medium">{name}</h3>
<p class="text-muted-foreground mt-1.5 text-sm leading-5">{description}</p>
</div>
<Button target="_blank" href={link} variant="secondary" size="icon">
<SquareArrowOutUpRight />
@ -40,11 +40,11 @@
<meta property="og:image" content={baseURL + site.image} />
</svelte:head>
<header class="mb-24 flex flex-col items-center text-center font-title">
<header class="font-title mb-12 flex flex-col items-center text-center">
<h1 class="mb-1 scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl">
Hei! Mina olen Mihkel
</h1>
<p class="font-sans text-base text-muted-foreground">
<p class="text-muted-foreground font-sans text-base">
Peale selle toreda saidi on mul veel palju hobisid
</p>
</header>

View file

@ -16,12 +16,12 @@
<meta property="og:image" content={baseURL + site.image} />
</svelte:head>
<header class="mb-24 flex flex-col items-center text-center font-title">
<header class="font-title mb-12 flex flex-col items-center text-center">
<h1 class="mb-1 scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl">Vinge värk</h1>
<p class="font-sans text-base leading-7 text-muted-foreground">
<p class="text-muted-foreground font-sans text-base leading-7">
Minu loodud minimängud ja muud huvitavat.
</p>
<p class="font-sans text-base leading-7 text-muted-foreground">
<p class="text-muted-foreground font-sans text-base leading-7">
Aitäh
<a href="https://neal.fun" class="font-medium underline underline-offset-4">neal.fun</a> inspo eest
:)
@ -29,7 +29,7 @@
</header>
<div
class="mx-auto mb-24 flex w-full flex-wrap items-center justify-center justify-items-center gap-4 gap-x-8 gap-y-8 lg:grid-cols-2"
class="mx-auto flex w-full flex-wrap items-center justify-center justify-items-center gap-4 gap-x-8 gap-y-8 lg:grid-cols-2"
>
{#each Object.entries(games) as [href, { image, name }]}
<a
@ -41,7 +41,7 @@
draggable="false"
href="/vinge/{href}"
>
<span class="relative block select-none rounded font-mono text-lg font-semibold lg:text-xl">
<span class="relative block rounded font-mono text-lg font-semibold select-none lg:text-xl">
{name}
</span>
</a>