1
0
cvsa/packages/temp_frontend/app/routes/home.tsx

30 lines
1006 B
TypeScript

import type { Route } from "./+types/home";
import { treaty } from "@elysiajs/eden";
import type { App } from "@elysia/src";
import { toast } from "sonner";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { SearchIcon } from "@/components/icons/search";
const app = treaty<App>("localhost:15412");
export function meta({}: Route.MetaArgs) {
return [{ title: "中V档案馆" }];
}
export default function Home() {
return (
<div className="w-screen min-h-screen relative left-0 top-0 flex justify-center">
<main className="w-full max-md:mx-6 pt-14 md:w-xl xl:w-2xl">
<h1 className="text-4xl my-2">V档案馆</h1>
<div className="flex h-12 mt-5 gap-2 relative">
<Input className="h-full pl-5 pr-12 rounded-full" type="search" placeholder="搜索" />
<Button variant="ghost" className="absolute rounded-full size-10 top-1 right-1">
<SearchIcon className="size-6" />
</Button>
</div>
</main>
</div>
);
}