troy/troylusty.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

set max-w-prose on entire site (#30)

Browse source
This commit is contained in:
Troy 2025-01-17 22:16:14 +00:00 • committed by GitHub
parent cf859eda1b
commit 70875623b1
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
23 changed files with 184 additions and 208 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/Article.astro
View file

@ -28,16 +28,16 @@ const listFormatter = new Intl.ListFormat("en-GB", {
updated={article.data.updated}
tags={article.data.tags}
>
<div class="mx-auto mb-16 max-w-prose">
<div class="mx-auto mb-8">
<h1
class="animate-reveal break-words text-start text-4xl font-semibold opacity-0"
class="animate-reveal break-words text-start text-2xl font-semibold opacity-0"
>
<span class="text-secondary">{article.data.title}</span><span
class="ml-2 text-tertiary">{article.data.description}</span
>
</h1>
<div
class="mt-4 flex animate-reveal flex-col flex-wrap items-start gap-2 text-lg text-tertiary opacity-0 [animation-delay:0.1s] md:flex-row"
class="mt-4 flex animate-reveal flex-col flex-wrap items-start gap-2 text-tertiary opacity-0 [animation-delay:0.1s] md:flex-row"
>
<div class="flex items-center gap-2">
<Icon name="mdi:calendar" />
@ -79,9 +79,7 @@ const listFormatter = new Intl.ListFormat("en-GB", {
}
</div>
</div>
<div
class="mx-auto max-w-prose animate-reveal opacity-0 [animation-delay:0.2s]"
>
<div class="mx-auto animate-reveal opacity-0 [animation-delay:0.2s]">
<Prose>
<Content />
</Prose>