refactor: improve the readability of the blog posts (#272)

* fix: `components` prop no-longer exists * feat: padding on the sides of the content for large screens
TanStack · Sep 16, 2024 · 60e9706 · 60e9706
1 parent 1e4b983
commit 60e9706
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 7 deletions.
diff --git a/app/routes/blog.index.tsx b/app/routes/blog.index.tsx
@@ -94,12 +94,7 @@ function BlogIndex() {
                     </div>
                   ) : null}
                   <div className={`text-sm mt-2 text-black dark:text-white`}>
-                    <Markdown
-                      components={{
-                        a: (props) => <span {...props} />,
-                      }}
-                      code={excerpt || ''}
-                    />
+                    <Markdown code={excerpt || ''} />
                   </div>
                 </div>
                 <div>

diff --git a/app/routes/blog.tsx b/app/routes/blog.tsx
@@ -142,7 +142,7 @@ function Blog() {
     <div className="min-h-screen flex flex-col lg:flex-row">
       {smallMenu}
       {largeMenu}
-      <div className="flex-1 min-h-0 flex flex-col">
+      <div className="flex-1 min-h-0 flex flex-col xl:pl-44 xl:pr-56">
         <Outlet />
       </div>
     </div>