feat(web): bootstrap react vite tailwind shadcn stack

This commit is contained in:
2026-04-05 02:31:18 +08:00
parent d7f27eaf1e
commit 579d63d39d
25 changed files with 3986 additions and 11 deletions
+27
View File
@@ -0,0 +1,27 @@
import { Button } from "@/components/ui/button";
function App() {
return (
<div className="min-h-screen bg-[#f6f8f7] text-[#122117]">
<header className="border-b border-[#d7e2db] bg-white/90 backdrop-blur">
<div className="mx-auto flex h-16 w-full max-w-6xl items-center justify-between px-4">
<div className="flex items-center gap-2">
<div className="h-8 w-8 rounded-lg bg-[#0a7a5a]" />
<span className="text-lg font-semibold tracking-tight">TodoList</span>
</div>
<Button className="rounded-md bg-[#0a7a5a] text-white hover:bg-[#0a7a5a]/90"></Button>
</div>
</header>
<main className="mx-auto w-full max-w-6xl px-4 py-8">
<section className="rounded-xl border border-[#d7e2db] bg-white p-6 shadow-sm">
<h1 className="text-2xl font-semibold">Web </h1>
<p className="mt-2 text-sm text-[#3a5a4a]">
OAuth
</p>
</section>
</main>
</div>
);
}
export default App;