feat: add PostCSS configuration, Tailwind CSS integration, and enhanc…

…e API documentation
carrismetropolitana · Jan 2, 2025 · bec1702 · bec1702
1 parent d371af8
commit bec1702
Show file tree

Hide file tree

Showing 15 changed files with 3,265 additions and 206 deletions.
diff --git a/app/[[...slug]]/page.tsx b/app/[[...slug]]/page.tsx
@@ -1,6 +1,6 @@
 /* * */
 
-import { source } from '@/lib/source';
+import { openapi, source } from '@/lib/source';
 import { createTypeTable } from 'fumadocs-typescript/ui';
 import defaultMdxComponents from 'fumadocs-ui/mdx';
 import { DocsBody, DocsDescription, DocsPage, DocsTitle } from 'fumadocs-ui/page';
@@ -37,16 +37,11 @@ export default async function Page(props: { params: Promise<{ slug?: string[] }>
 	const { AutoTypeTable } = createTypeTable();
 
 	return (
-		<DocsPage
-			full={page.data.full}
-			tableOfContent={{ single: false, style: 'clerk' }}
-			tableOfContentPopover={{ style: 'clerk' }}
-			toc={page.data.toc}
-		>
+		<DocsPage full={page.data.full} toc={page.data.toc}>
 			<DocsTitle>{page.data.title}</DocsTitle>
 			<DocsDescription>{page.data.description}</DocsDescription>
 			<DocsBody>
-				<MDX components={{ ...defaultMdxComponents, AutoTypeTable }} />
+				<MDX components={{ ...defaultMdxComponents, APIPage: openapi.APIPage, AutoTypeTable }} />
 			</DocsBody>
 		</DocsPage>
 	);

diff --git a/app/global.css b/app/global.css
@@ -1,10 +1,9 @@
-/* * */
-/* BODY */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
 
-body {
-	display: flex;
-	flex-direction: column;
-	min-height: 100vh;
+.prose {
+  --tw-prose-body: hsl(var(--foreground) / 0.8);
 }
 
 

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -2,7 +2,6 @@
 
 import type { ReactNode } from 'react';
 
-import 'fumadocs-ui/style.css';
 import { RootProvider } from 'fumadocs-ui/provider';
 import { Inter } from 'next/font/google';
 
@@ -19,10 +18,8 @@ const inter = Inter({
 export default function Layout({ children }: { children: ReactNode }) {
 	return (
 		<html className={inter.className} lang="en" suppressHydrationWarning>
-			<body>
-				<RootProvider search={{ options: { type: 'static' } }}>
-					{children}
-				</RootProvider>
+			<body className="flex flex-col min-h-screen">
+				<RootProvider>{children}</RootProvider>
 			</body>
 		</html>
 	);