Merge pull request #138 from liam-hq/re-setup-docs

fix: re setup docs to use tailwindcss
liam-hq · Dec 4, 2024 · ec6f4e7 · ec6f4e7
2 parents fa68293 + d5edf4a
commit ec6f4e7
Show file tree

Hide file tree

Showing 7 changed files with 566 additions and 37 deletions.
diff --git a/frontend/apps/docs/app/global.css b/frontend/apps/docs/app/global.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/frontend/apps/docs/app/layout.tsx b/frontend/apps/docs/app/layout.tsx
@@ -1,5 +1,5 @@
+import './global.css'
 import { RootProvider } from 'fumadocs-ui/provider'
-import 'fumadocs-ui/style.css'
 import { Inter } from 'next/font/google'
 import type { ReactNode } from 'react'
 
@@ -10,13 +10,7 @@ const inter = Inter({
 export default function Layout({ children }: { children: ReactNode }) {
   return (
     <html lang="en" className={inter.className} suppressHydrationWarning>
-      <body
-        style={{
-          display: 'flex',
-          flexDirection: 'column',
-          minHeight: '100vh',
-        }}
-      >
+      <body className="flex flex-col min-h-screen">
         <RootProvider>{children}</RootProvider>
       </body>
     </html>

diff --git a/frontend/apps/docs/package.json b/frontend/apps/docs/package.json
@@ -17,8 +17,11 @@
     "@types/node": "22.9.0",
     "@types/react": "18",
     "@types/react-dom": "18",
+    "autoprefixer": "10.4.20",
     "eslint": "8",
     "eslint-config-next": "15.0.3",
+    "postcss": "8.4.49",
+    "tailwindcss": "3.4.15",
     "typescript": "5"
   },
   "scripts": {

diff --git a/frontend/apps/docs/postcss.config.js b/frontend/apps/docs/postcss.config.js
@@ -0,0 +1,7 @@
+// biome-ignore lint/nursery/noCommonJs: As the PostCSS configuration format cannot be changed.
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/frontend/apps/docs/tailwind.config.js b/frontend/apps/docs/tailwind.config.js
@@ -0,0 +1,13 @@
+import { createPreset } from 'fumadocs-ui/tailwind-plugin'
+
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    './components/**/*.{ts,tsx}',
+    './app/**/*.{ts,tsx}',
+    './content/**/*.{md,mdx}',
+    './mdx-components.{ts,tsx}',
+    './node_modules/fumadocs-ui/dist/**/*.js',
+  ],
+  presets: [createPreset()],
+}