From fa281a53c1d5e361dbcbad13db0e77af2efa7efe Mon Sep 17 00:00:00 2001
From: Daniel Medina <daniel@medina.com>
Date: Wed, 26 Jul 2023 22:21:58 -0600
Subject: [PATCH] :sparkles: Increased line height in posts

---
 components/Post.tsx | 2 +-
 pages/dashboard.tsx | 6 +++---
 pages/post/[id].tsx | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/Post.tsx b/components/Post.tsx
index 381f2b3..3272b17 100644
--- a/components/Post.tsx
+++ b/components/Post.tsx
@@ -98,7 +98,7 @@ const Post = ({ src, title, layout, content, id, mode }: Props) => {
               >
                 {title}
               </h1>
-              <p className="text-sm max-w-full">{content.substring(0, 100)}...</p>
+              <p className="text-sm max-w-full">{content.substring(0, 75).trimEnd()}...</p>
             </div>
           </motion.div>
         </a>
diff --git a/pages/dashboard.tsx b/pages/dashboard.tsx
index d6f534f..9d75cba 100644
--- a/pages/dashboard.tsx
+++ b/pages/dashboard.tsx
@@ -32,15 +32,15 @@ export default function Login() {
       </Head>
       <Navbar />
       <main className="flex flex-col p-8 bg-beige">
-        <header className="flex items-center justify-between">
-          <h1 className="text-4xl md:text-8xl lg:text-9xl tracking-tighter font-bold text-dark py-5">
+        <header className="flex items-end justify-between py-5">
+          <h1 className="text-4xl md:text-8xl lg:text-9xl tracking-tighter font-black font-sauce text-dark">
             Dashboard
           </h1>
           <div className="logout flex items-center">
             {session && (
               <button onClick={() => signOut()}>
                 <div className="flex items-center cursor-pointer">
-                  <p className="font-semibold tracking-tighter text-xl md:text-2xl">
+                  <p className="font-sauce font-bold tracking-tighter text-xl md:text-2xl">
                     Logout
                   </p>
                   <svg
diff --git a/pages/post/[id].tsx b/pages/post/[id].tsx
index 305bfe1..1f0f58d 100644
--- a/pages/post/[id].tsx
+++ b/pages/post/[id].tsx
@@ -40,7 +40,7 @@ const Post: React.FC = () => {
         >
           <div className="pb-16 pt-8">
             {post ? (
-              <div className="prose max-w-none text-justify font-sauce prose-h1:tracking-tight prose-h1:font-black prose-h1:text-left prose-h1:text-6xl prose-h1:m-0 prose-hr:my-4 prose-h2:text-4xl">
+              <div className="prose leading-[2.4em] max-w-none text-justify font-sauce prose-h1:tracking-tight prose-h1:font-black prose-h1:text-left prose-h1:text-6xl prose-h1:m-0 prose-hr:my-4 prose-h2:text-4xl">
                 <ReactMarkdown>{post.content}</ReactMarkdown>
               </div>
             ) : null}