fix styling

Herobread · Jun 20, 2024 · 4c4f36e · 4c4f36e
1 parent efe1137
commit 4c4f36e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git 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
@@ -26,6 +26,13 @@ module.exports = {
             },
         },
         extend: {
+            typography: {
+                DEFAULT: {
+                    css: {
+                        maxWidth: "100ch",
+                    },
+                },
+            },
             gridTemplateColumns: {
                 files: "max-content auto 4fr max-content max-content 3fr",
             },