chore: more styling changes to notes

wodeni · Dec 29, 2024 · a415f67 · a415f67
1 parent abc1746
commit a415f67
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Note.tsx b/src/components/Note.tsx
@@ -12,7 +12,7 @@ export default function ({ note }: { note: NoteEntry }) {
         <Socials className="mt-8" />
         <Tabs />
       </div>
-      <main className="note-content prose lg:prose-xl dark:prose-invert max-w-screen-lg p-4 md:col-span-3">
+      <main className="note-content prose lg:prose-xl dark:prose-invert max-w-screen-lg px-2 py-4 md:col-span-3">
         <div className="mb-8">
           <h1 className="text-bold text-3xl">
             {note.frontmatter?.title ?? ""}

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -51,7 +51,7 @@ module.exports = {
           },
           // Nested p
           p: {
-            "@apply mt-0 mb-4": {},
+            "@apply mt-0 mb-4 text-wrap break-words": {},
           },
           // Nested blockquote
           blockquote: {