aboutsummaryrefslogtreecommitdiff
path: root/FrontEnd/src/views/common/Card.tsx
diff options
context:
space:
mode:
authorcrupest <crupest@outlook.com>2023-08-15 17:29:33 +0800
committercrupest <crupest@outlook.com>2023-08-15 17:29:33 +0800
commitbac55126dc853662bfb9dcdb6ba9e1616c73e660 (patch)
tree62a8d20f78dc05c4881c1a9cc49cdf187ee3679d /FrontEnd/src/views/common/Card.tsx
parent3a54aa6171ad14854e877e1b4f320f808ed61811 (diff)
downloadtimeline-bac55126dc853662bfb9dcdb6ba9e1616c73e660.tar.gz
timeline-bac55126dc853662bfb9dcdb6ba9e1616c73e660.tar.bz2
timeline-bac55126dc853662bfb9dcdb6ba9e1616c73e660.zip
...
Diffstat (limited to 'FrontEnd/src/views/common/Card.tsx')
-rw-r--r--FrontEnd/src/views/common/Card.tsx9
1 files changed, 8 insertions, 1 deletions
diff --git a/FrontEnd/src/views/common/Card.tsx b/FrontEnd/src/views/common/Card.tsx
index e1af13a9..fb29f728 100644
--- a/FrontEnd/src/views/common/Card.tsx
+++ b/FrontEnd/src/views/common/Card.tsx
@@ -7,10 +7,12 @@ import "./Card.css";
interface CardProps extends ComponentPropsWithoutRef<"div"> {
containerRef?: Ref<HTMLDivElement>;
color?: ThemeColor;
+ noBackground?: boolean;
}
export default function Card({
color,
+ noBackground,
className,
children,
containerRef,
@@ -19,7 +21,12 @@ export default function Card({
return (
<div
ref={containerRef}
- className={classNames("cru-card", `cru-card-${color ?? "primary"}`, className)}
+ className={classNames(
+ "cru-card",
+ `cru-card-${color ?? "primary"}`,
+ noBackground && "cru-card-no-background",
+ className,
+ )}
{...otherProps}
>
{children}