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,17 @@
+/* src/app/_components/header/logo.module.css */
+@reference "#tailwind.css";
+
+.link {
+    @apply tw:w-20 tw:h-20 tw:block  tw:rounded-full  tw:shadow-nymd tw:p-1 tw:bg-white;
+    transition-duration: 300ms;
+    animation: breathe-light 4s ease-in-out infinite;
+
+    &:hover {
+        @apply tw:shadow-nylg tw:shadow-amber-400;
+        transform: scale(1.2) rotate(360deg);
+    }
+
+    & > img {
+        @apply tw:rounded-full;
+    }
+}