feat(chapter2): set up styled app shell

Add the App Router page and nested layout, configure Tailwind and shadcn styling, include local fonts and background assets, and install the supporting UI and lint dependencies.
2026-08-30 10:20:06 +08:00
parent 5ce6f24569
commit a1401c68f5
37 changed files with 16086 additions and 119 deletions
@@ -0,0 +1,50 @@
+/********************************************************* 自定义tailwind基本样式 *********************************************************/
+
+@layer base {
+    html {
+        font-size: 100%;
+    }
+
+    /* 以下为自定义样式 */
+    html,
+    body {
+        @apply tw:font-base tw:h-[100vh] tw:w-full tw:p-0 tw:m-0;
+    }
+
+    body {
+        @apply tw:text-sm;
+    }
+
+    h1 {
+        @apply tw:text-3xl;
+    }
+
+    h2 {
+        @apply tw:text-2xl;
+    }
+
+    h3 {
+        @apply tw:text-xl;
+    }
+
+    h4 {
+        @apply tw:text-lg;
+    }
+
+    h5 {
+        @apply tw:text-sm;
+    }
+
+    h6 {
+        @apply tw:text-xs;
+    }
+
+    button,
+    [role='button'] {
+        cursor: pointer;
+    }
+
+    :disabled {
+        cursor: default;
+    }
+}