added @tailwindcss/typography

sitcon-tw · Feb 11, 2024 · f65308c · f65308c
1 parent 57747f2
commit f65308c
Show file tree

Hide file tree

Showing 4 changed files with 54 additions and 5 deletions.
diff --git a/components/website/SessionCard.tsx b/components/website/SessionCard.tsx
@@ -312,21 +312,21 @@ export default function SessionCard({
             {targetAudience ? (
               <div>
                 <p className="font-bold">目標受眾：</p>
-                <Markdown className="leading-7 max-md:text-sm">
+                <Markdown className="prose leading-7 text-white max-md:text-sm">
                   {targetAudience}
                 </Markdown>
               </div>
             ) : null}
             {priorKnowledge ? (
               <div>
                 <p className="font-bold">先備知識：</p>
-                <Markdown className="leading-7 max-md:text-sm">
+                <Markdown className="prose leading-7 text-white max-md:text-sm">
                   {priorKnowledge}
                 </Markdown>
               </div>
             ) : null}
             <p className="font-bold">議程介紹：</p>
-            <Markdown className="leading-7 max-md:text-sm">
+            <Markdown className="prose leading-7 text-white max-md:text-sm">
               {description}
             </Markdown>
           </div>
@@ -360,7 +360,7 @@ export default function SessionCard({
                 <p className="text-2xl font-bold">
                   {sessions.speakers.find((x) => x.id == speaker)?.zh.name}
                 </p>
-                <Markdown className="leading-7 max-md:text-sm">
+                <Markdown className="prose leading-7 text-white max-md:text-sm">
                   {sessions.speakers.find((x) => x.id == speaker)?.zh.bio}
                 </Markdown>
               </div>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -28,6 +28,7 @@
     "vaul": "^0.8.0"
   },
   "devDependencies": {
+    "@tailwindcss/typography": "^0.5.10",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -51,8 +51,15 @@ const config: Config = {
           },
         },
       },
+      typography: {
+        DEFAULT: {
+          css: {
+            maxWidth: "100%",
+          },
+        },
+      },
     },
   },
-  plugins: [],
+  plugins: [require("@tailwindcss/typography")],
 };
 export default config;