✨ Increased line height in posts

dnrm · Jul 27, 2023 · fa281a5 · fa281a5 · vercel · Jul 27, 2023
1 parent bc7fc5c
commit fa281a5
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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}
-Original file line number
+Diff line change
@@ Expand Up @@
                   >
                     {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>
@@ Expand Down @@