From 0166e62e9897d3cce578c54130912715df18d93e Mon Sep 17 00:00:00 2001
From: LandaMm <qwer.009771@gmail.com>
Date: Sun, 25 May 2025 17:51:19 +0200
Subject: [PATCH] feat: ability to remove spacing

---
 web/src/components/ui/card.tsx | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/web/src/components/ui/card.tsx b/web/src/components/ui/card.tsx
index 88d52b7..d4066f0 100644
--- a/web/src/components/ui/card.tsx
+++ b/web/src/components/ui/card.tsx
@@ -3,16 +3,29 @@ import type { FC, ReactNode } from "react";
 interface ComponentProps {
   children: ReactNode;
   className?: string;
+  spacing?: boolean;
 }
 
 export const Card: FC<ComponentProps> = ({ children, className }) => {
   return (
-    <div className={`bg-white sm:rounded-lg shadow-md ${className || ""}`}>
+    <div
+      className={`bg-white sm:rounded-lg overflow-hidden shadow-md ${
+        className || ""
+      }`}
+    >
       {children}
     </div>
   );
 };
 
-export function CardContent({ children, className }: ComponentProps) {
-  return <div className={`p-4 ${className || ""}`}>{children}</div>;
+export function CardContent({
+  children,
+  className,
+  spacing = true,
+}: ComponentProps) {
+  return (
+    <div className={`${spacing ? "p-4 " : ""}${className || ""}`}>
+      {children}
+    </div>
+  );
 }