aboutsummaryrefslogtreecommitdiffstats
path: root/apps/web/components/ui/imageCard.tsx
diff options
context:
space:
mode:
authorMohamed Bassem <me@mbassem.com>2024-04-14 00:51:56 +0300
committerGitHub <noreply@github.com>2024-04-14 00:51:56 +0300
commit4f17ea61cbb11a72712a1ea8c98904a1cc513e41 (patch)
tree4f1dd775e25feb3495ddb208c5fe4aa03c66fe3a /apps/web/components/ui/imageCard.tsx
parentcf0df0e6d84a76649d8cbf8adcbf83efb6e883ab (diff)
downloadkarakeep-4f17ea61cbb11a72712a1ea8c98904a1cc513e41.tar.zst
feature(web): Allow changing the bookmark grid layout (#98)
Diffstat (limited to 'apps/web/components/ui/imageCard.tsx')
-rw-r--r--apps/web/components/ui/imageCard.tsx69
1 files changed, 0 insertions, 69 deletions
diff --git a/apps/web/components/ui/imageCard.tsx b/apps/web/components/ui/imageCard.tsx
deleted file mode 100644
index de059b83..00000000
--- a/apps/web/components/ui/imageCard.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import * as React from "react";
-import { cn } from "@/lib/utils";
-
-export function ImageCard({
- className,
- ...props
-}: React.HTMLAttributes<HTMLDivElement>) {
- return (
- <div
- className={cn("h-96 overflow-hidden rounded-lg shadow-md", className)}
- {...props}
- />
- );
-}
-
-export function ImageCardBanner({
- className,
- ...props
-}: React.ImgHTMLAttributes<HTMLImageElement>) {
- return (
- // eslint-disable-next-line @next/next/no-img-element
- <img
- className={cn("h-56 min-h-56 w-full object-cover", className)}
- alt="card banner"
- {...props}
- />
- );
-}
-
-export function ImageCardContent({
- className,
- ...props
-}: React.HTMLAttributes<HTMLDivElement>) {
- return (
- <div
- className={cn(
- "flex h-40 min-h-40 flex-col justify-between p-2",
- className,
- )}
- {...props}
- />
- );
-}
-
-export function ImageCardTitle({
- className,
- ...props
-}: React.HTMLAttributes<HTMLDivElement>) {
- return (
- <div
- className={cn("order-first flex-none text-lg", className)}
- {...props}
- />
- );
-}
-
-export function ImageCardBody({
- className,
- ...props
-}: React.HTMLAttributes<HTMLDivElement>) {
- return <div className={cn("order-1", className)} {...props} />;
-}
-
-export function ImageCardFooter({
- className,
- ...props
-}: React.HTMLAttributes<HTMLDivElement>) {
- return <div className={cn("order-last", className)} {...props} />;
-}