diff options
| author | MohamedBassem <me@mbassem.com> | 2024-02-08 15:14:23 +0000 |
|---|---|---|
| committer | MohamedBassem <me@mbassem.com> | 2024-02-08 15:15:21 +0000 |
| commit | 80bb8a108f29331cdb2f2695f6801beee104dc89 (patch) | |
| tree | b1ae2a512963a9c916c4bfed71f7633f508de131 /web/components/ui/imageCard.tsx | |
| parent | 333429adbaaa592cc96b480a5228f0e3f1de4cc2 (diff) | |
| download | karakeep-80bb8a108f29331cdb2f2695f6801beee104dc89.tar.zst | |
[refactor] Move the different packages to the package subdir
Diffstat (limited to 'web/components/ui/imageCard.tsx')
| -rw-r--r-- | web/components/ui/imageCard.tsx | 56 |
1 files changed, 0 insertions, 56 deletions
diff --git a/web/components/ui/imageCard.tsx b/web/components/ui/imageCard.tsx deleted file mode 100644 index 1394ae08..00000000 --- a/web/components/ui/imageCard.tsx +++ /dev/null @@ -1,56 +0,0 @@ -import * as React from "react"; - -import { cn } from "@/lib/utils"; - -export function ImageCard({ - children, - image, - className, - ...props -}: React.HTMLAttributes<HTMLDivElement> & { image?: string }) { - return ( - <div - className={cn("h-96 rounded-lg overflow-hidden shadow-md", className)} - {...props} - > - <div - className="h-3/5 bg-cover bg-center" - style={{ - backgroundImage: image ? `url(${image})` : undefined, - }} - ></div> - <div className="flex flex-col h-2/5 p-2">{children}</div> - </div> - ); -} - -export function ImageCardTitle({ - className, - ...props -}: React.HTMLAttributes<HTMLDivElement>) { - return ( - <div - className={cn("order-first flex-none font-bold text-lg", className)} - {...props} - /> - ); -} - -export function ImageCardBody({ - className, - ...props -}: React.HTMLAttributes<HTMLDivElement>) { - return ( - <div - className={cn("grow order-1 font-bold text-lg", className)} - {...props} - /> - ); -} - -export function ImageCardFooter({ - className, - ...props -}: React.HTMLAttributes<HTMLDivElement>) { - return <div className={cn("order-last", className)} {...props} />; -} |
