webapp: add basic layout

cryptape · Dec 22, 2023 · 76eb114 · 76eb114
1 parent d5e0632
commit 76eb114
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 9 deletions.
diff --git a/package.json b/package.json
@@ -13,6 +13,7 @@
     "@ckb-lumos/config-manager": "^0.21.1",
     "@ckb-lumos/helpers": "^0.21.1",
     "@joyid/ckb": "^0.0.2",
+    "@tailwindcss/typography": "^0.5.10",
     "flowbite": "^2.2.0",
     "flowbite-react": "^0.7.2",
     "next": "14.0.4",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app/layout.js b/src/app/layout.js
@@ -8,7 +8,11 @@ export const metadata = {
 export default function RootLayout({ children }) {
   return (
     <html lang="en">
-      <body>{children}</body>
+      <body>
+        <main class="max-w-5xl mx-auto prose dark:prose-invert">
+          {children}
+        </main>
+      </body>
     </html>
   );
 }
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -7,13 +7,7 @@ module.exports = {
     "./node_modules/flowbite-react/lib/**/*.js",
   ],
   theme: {
-    extend: {
-      backgroundImage: {
-        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
-        "gradient-conic":
-          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
-      },
-    },
+    extend: {},
   },
-  plugins: [require("flowbite/plugin")],
+  plugins: [require("flowbite/plugin"), require("@tailwindcss/typography")],
 };