aboutsummaryrefslogtreecommitdiffstats
path: root/web/components/ui/imageCard.tsx
diff options
context:
space:
mode:
authorMohamedBassem <me@mbassem.com>2024-02-08 15:14:23 +0000
committerMohamedBassem <me@mbassem.com>2024-02-08 15:15:21 +0000
commit80bb8a108f29331cdb2f2695f6801beee104dc89 (patch)
treeb1ae2a512963a9c916c4bfed71f7633f508de131 /web/components/ui/imageCard.tsx
parent333429adbaaa592cc96b480a5228f0e3f1de4cc2 (diff)
downloadkarakeep-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.tsx56
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} />;
-}