add tailwind typography plugin

dream-aim-deliver · Oct 31, 2024 · 8e8afd0 · 8e8afd0
1 parent 191dd35
commit 8e8afd0
Show file tree

Hide file tree

Showing 4 changed files with 48 additions and 2 deletions.
diff --git a/lib/components/conversation/message.tsx b/lib/components/conversation/message.tsx
@@ -68,7 +68,7 @@ export const ConversationMessage = ({
           <ReactMarkdown
             remarkPlugins={[[remarkGfm, { singleTilde: false }]]}
             rehypePlugins={[rehypeRaw]}
-            className="prose text-gray-900 mt-2 mb-2"
+            className="prose text-wrap text-gray-900 mt-2 mb-2"
             components={{
               code({ className, children, ...props }) {
                 const match = /language-(\w+)/.exec(className || "");

diff --git a/lib/tailwind/config.ts b/lib/tailwind/config.ts
@@ -118,7 +118,7 @@ const theme = {
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const plugins: any = ["tailwindcss-animate"];
+const plugins: any = ["tailwindcss-animate", "@tailwindcss/typography"];
 
 export {
   content as defaultContent,

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -60,6 +60,7 @@
     "@storybook/react-vite": "^8.0.8",
     "@storybook/test": "^8.0.8",
     "@storybook/theming": "^8.0.10",
+    "@tailwindcss/typography": "^0.5.15",
     "@testing-library/jest-dom": "^6.3.0",
     "@testing-library/react": "^14.1.2",
     "@types/node": "^20.11.10",