feat: basic setup for web with tailwind and routing
This commit is contained in:
18
web/src/components/ui/card.tsx
Normal file
18
web/src/components/ui/card.tsx
Normal file
@ -0,0 +1,18 @@
|
||||
import type { FC, ReactNode } from "react";
|
||||
|
||||
interface ComponentProps {
|
||||
children: ReactNode;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
export const Card: FC<ComponentProps> = ({ children, className }) => {
|
||||
return (
|
||||
<div className={`bg-white rounded-lg shadow-md ${className || ""}`}>
|
||||
{children}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export function CardContent({ children, className }: ComponentProps) {
|
||||
return <div className={`p-4 ${className || ""}`}>{children}</div>;
|
||||
}
|
Reference in New Issue
Block a user