chore: add something

yjl9903 · Sep 11, 2024 · 9cd4233 · 9cd4233
1 parent b2030d4
commit 9cd4233
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 38 deletions.
diff --git a/packages/remix/app/root.tsx b/packages/remix/app/root.tsx
@@ -6,8 +6,9 @@ import {
   ScrollRestoration,
 } from "@remix-run/react";
 
-import 'virtual:uno.css'
+import 'virtual:uno.css';
 
+import './styles/main.css';
 
 export function Layout({ children }: { children: React.ReactNode }) {
   return (
@@ -25,7 +26,7 @@ export function Layout({ children }: { children: React.ReactNode }) {
         <Links />
       </head>
       <body>
-        {children}
+        <div className="font-sans">{children}</div>
         <ScrollRestoration />
         <Scripts />
       </body>

diff --git a/packages/remix/app/routes/_index/route.tsx b/packages/remix/app/routes/_index/route.tsx
@@ -1,48 +1,35 @@
 import type { MetaFunction } from "@remix-run/node";
 
+import { NavLink } from "@remix-run/react";
+
 export const meta: MetaFunction = () => {
   return [
-    { title: "New Remix App" },
-    { name: "description", content: "Welcome to Remix!" },
+    { title: "Anime Garden 動漫花園資源網第三方镜像站" },
+    { name: "description", content: "}Anime Garden 動漫花園資源網第三方镜像站" },
   ];
 };
 
 export default function Index() {
   return (
-    <div className="font-sans p-4">
-      <h1 className="text-3xl">Welcome to Remix</h1>
-      <ul className="list-disc mt-4 pl-6 space-y-2">
-        <li>
-          <a
-            className="text-blue-700 underline visited:text-purple-900"
-            target="_blank"
-            href="https://remix.run/start/quickstart"
-            rel="noreferrer"
-          >
-            5m Quick Start
-          </a>
-        </li>
-        <li>
-          <a
-            className="text-blue-700 underline visited:text-purple-900"
-            target="_blank"
-            href="https://remix.run/start/tutorial"
-            rel="noreferrer"
-          >
-            30m Tutorial
-          </a>
-        </li>
-        <li>
-          <a
-            className="text-blue-700 underline visited:text-purple-900"
-            target="_blank"
-            href="https://remix.run/docs"
-            rel="noreferrer"
-          >
-            Remix Docs
-          </a>
-        </li>
-      </ul>
+    <div className="w-full">
+      <div className="w-screen fixed bg-[#fef8f7]">
+        <nav className="px-8 py-2 flex gap-2">
+          <div>🌸 Anime Garden</div>
+          <div>动画</div>
+        </nav>
+        <div className="mt-4rem pb-3rem text-4xl font-quicksand font-bold text-center select-none outline-none">
+          <NavLink to="/">🌸 Anime Garden</NavLink>
+        </div>
+        <div className="flex justify-center pb-6rem sticky top-4">
+          <div className="rounded-md h-16 w-[600px] border bg-white">
+
+          </div>
+        </div>
+      </div>
+      <div className="flex">
+        <div className="w-[300px] border-r-1 h-[150vh]"></div>
+        <div></div>
+      </div>
     </div>
   );
 }
diff --git a/packages/remix/app/styles/main.css b/packages/remix/app/styles/main.css
@@ -0,0 +1,2 @@
+@import '@onekuma/preset.css';
+@import '@onekuma/reset/tailwind.css';