update: setup home page ui

This commit is contained in:
purp1e
2024-09-21 00:25:31 +08:00
parent 2898416add
commit f9a4427c2f
15 changed files with 240 additions and 44 deletions

View File

@@ -1,13 +1,14 @@
import { ReactNode } from "react";
interface CardProps {
children: ReactNode;
children?: ReactNode;
className?: string;
}
const Card = ({ children }: CardProps) => {
return (
<div
className="dark:from-black/10 dark:to-black/5 dark:border-white/[6%] px-4 pt-3 pb-4 flex flex-col gap-2 border rounded-lg bg-gradient-to-br from-white/90 to-white/80 border-black/[6%]"
className="dark:from-black/10 dark:to-black/5 dark:border-white/[6%] px-4 pt-3 pb-4 flex flex-col gap-2 border w-full rounded-lg bg-gradient-to-br from-white/90 to-white/80 border-black/[6%]"
data-tauri-drag-region
>
{children}
@@ -36,7 +37,7 @@ const CardTool = ({ children }: CardProps) => {
};
const CardBody = ({ children }: CardProps) => {
return <div className="text-sm tracking-wide text-zinc-800">{children}</div>;
return <div className="w-full h-full text-sm tracking-wide text-zinc-800">{children}</div>;
};
export { Card, CardHeader, CardIcon, CardTool, CardBody };