From 4c4f36ea32710f6f9c6a99d0181c109e16600497 Mon Sep 17 00:00:00 2001
From: Oleksii Nazarenko <alexeybread81@gmail.com>
Date: Thu, 20 Jun 2024 11:20:34 +0100
Subject: [PATCH] fix styling

---
 src/pages/content/pages/Folder.tsx | 4 +++-
 tailwind.config.cjs                | 7 +++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/pages/content/pages/Folder.tsx b/src/pages/content/pages/Folder.tsx
index a5b1ec8..b45d5b0 100644
--- a/src/pages/content/pages/Folder.tsx
+++ b/src/pages/content/pages/Folder.tsx
@@ -53,7 +53,9 @@ export default function Folder({ content }: FolderProps) {
                     fileLinks={fileLinks}
                     sortLinks={sortLinks}
                 />
-                <div className="prose">{extraContent}</div>
+                {extraContent && !isLoading && (
+                    <div className="prose w-full">{extraContent}</div>
+                )}
                 <FileMetricsTracker fileLinks={fileLinks} />
             </MainLayout>
         </div>
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index a667878..7a28c44 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -26,6 +26,13 @@ module.exports = {
             },
         },
         extend: {
+            typography: {
+                DEFAULT: {
+                    css: {
+                        maxWidth: "100ch",
+                    },
+                },
+            },
             gridTemplateColumns: {
                 files: "max-content auto 4fr max-content max-content 3fr",
             },