From b181f6e957d158c99c9f6bac28a6067631019945 Mon Sep 17 00:00:00 2001
From: Xe Iaso <me@xeiaso.net>
Date: Fri, 20 Sep 2024 16:00:29 -0400
Subject: [PATCH] make things more readable in the blog

Signed-off-by: Xe Iaso <me@xeiaso.net>
---
 app/blog/[...slug]/page.tsx | 2 +-
 app/globals.css             | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/blog/[...slug]/page.tsx b/app/blog/[...slug]/page.tsx
index 8612b0c..3427ad4 100644
--- a/app/blog/[...slug]/page.tsx
+++ b/app/blog/[...slug]/page.tsx
@@ -52,7 +52,7 @@ export default async function Page({ params }: { params: PageParams }) {
           )}
 
           <div className="mx-auto max-w-[80ch] py-6 sm:px-6 lg:px-8">
-            <div className="prose">
+            <div className="prose prose-a:text-blue-600 hover:prose-a:text-blue-500 prose-p:my-2">
               <MDXContent code={page.mdx} components={{}} />
             </div>
           </div>
diff --git a/app/globals.css b/app/globals.css
index 78cdd7a..f8e2da8 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -44,3 +44,7 @@ body {
     text-wrap: balance;
   }
 }
+
+.prose p {
+  @apply my-2;
+}