fix: prose style

Signed-off-by: Innei <[email protected]>
Innei · Mar 30, 2024 · 0c06c2d · 0c06c2d
1 parent 89b136a
commit 0c06c2d
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 16 deletions.
diff --git a/src/app/(app)/categories/[slug]/page.tsx b/src/app/(app)/categories/[slug]/page.tsx
@@ -54,7 +54,7 @@ export default function Page() {
                 >
                   {child.title}
                 </Link>
-                <span className="meta">
+                <span className="meta ml-2">
                   {(date.getMonth() + 1).toString().padStart(2, '0')}/
                   {date.getDate().toString().padStart(2, '0')}/
                   {date.getFullYear()}

diff --git a/src/app/(app)/thinking/page.tsx b/src/app/(app)/thinking/page.tsx
@@ -211,12 +211,12 @@ const List = () => {
 
                 <div
                   className={clsx(
-                    'relative inline-block rounded-xl px-2 py-1 text-zinc-800 dark:text-zinc-200',
+                    'relative inline-block rounded-xl p-3 text-zinc-800 dark:text-zinc-200',
                     'rounded-tl-sm bg-zinc-600/5 dark:bg-zinc-500/20',
                     'max-w-[calc(100%-3rem)]',
                   )}
                 >
-                  <Markdown allowsScript>{item.content}</Markdown>
+                  <Markdown>{item.content}</Markdown>
 
                   {!!item.ref && (
                     <div>

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -2,7 +2,6 @@ import '../styles/index.css'
 
 import type { PropsWithChildren } from 'react'
 
-import { BrowserSupport } from './browser-support'
 import { init } from './init'
 import { InitInClient } from './InitInClient'
 
@@ -12,7 +11,7 @@ export default async function RootLayout({ children }: PropsWithChildren) {
     <>
       {children}
       <InitInClient />
-      <BrowserSupport />
+      {/* <BrowserSupport /> */}
     </>
   )
 }
diff --git a/src/styles/tailwindcss.css b/src/styles/tailwindcss.css
@@ -25,10 +25,15 @@ html body {
 
 .prose {
   max-width: 100% !important;
+  font-size: 1.1rem;
 
   p {
     @apply break-words;
   }
+
+  figure img {
+    @apply mb-0 mt-0;
+  }
 }
 
 *:focus {
@@ -40,17 +45,6 @@ html body {
   box-shadow: theme(colors.accent) 0px 0px 0px 1px;
 }
 
-.prose {
-  /* :where(.image-placeholder):not(:where([class~='not-prose'] *)) {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  } */
-
-  figure img {
-    @apply mb-0 mt-0;
-  }
-}
-
 html.noise body::before {
   position: fixed;
   inset: 0;