From 0c5e054985b48af1a6fadb60266746901fa962a0 Mon Sep 17 00:00:00 2001 From: anovazzi1 Date: Sat, 8 Jun 2024 15:32:17 -0300 Subject: [PATCH] chore: Update cardComponent and button styles This commit updates the styles of the cardComponent and button components. In the cardComponent, the height of the card is changed to a fixed value of 11rem, which improves the consistency of the card layout. In the button component, the "gap-2" class is removed from the button variants, which removes the gap between the button icon and label. This change enhances the visual appearance of the buttons. These style updates improve the overall user experience and visual consistency of the application. Fixes # --- src/frontend/src/components/cardComponent/index.tsx | 2 +- src/frontend/src/components/ui/button.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/frontend/src/components/cardComponent/index.tsx b/src/frontend/src/components/cardComponent/index.tsx index 8b16d9040..0e2e2e09f 100644 --- a/src/frontend/src/components/cardComponent/index.tsx +++ b/src/frontend/src/components/cardComponent/index.tsx @@ -217,7 +217,7 @@ export default function CollectionCardComponent({ data-testid={`card-${convertTestName(data.name)}`} //TODO check color schema className={cn( - "group relative flex min-h-[11rem] flex-col justify-between overflow-hidden transition-all hover:bg-muted/50 hover:shadow-md hover:dark:bg-[#ffffff10]", + "group relative flex h-[11rem] flex-col justify-between overflow-hidden transition-all hover:bg-muted/50 hover:shadow-md hover:dark:bg-[#ffffff10]", disabled ? "pointer-events-none opacity-50" : "", onClick ? "cursor-pointer" : "", isSelectedCard ? "border border-selected" : "", diff --git a/src/frontend/src/components/ui/button.tsx b/src/frontend/src/components/ui/button.tsx index c8bb6c5b8..92d6f41a9 100644 --- a/src/frontend/src/components/ui/button.tsx +++ b/src/frontend/src/components/ui/button.tsx @@ -5,7 +5,7 @@ import { cn } from "../../utils/utils"; import ForwardedIconComponent from "../genericIconComponent"; const buttonVariants = cva( - "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background", + "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background", { variants: { variant: {