diff options
author | crupest <crupest@outlook.com> | 2023-08-15 17:29:33 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2023-08-15 17:29:33 +0800 |
commit | bac55126dc853662bfb9dcdb6ba9e1616c73e660 (patch) | |
tree | 62a8d20f78dc05c4881c1a9cc49cdf187ee3679d /FrontEnd/src/views/common/Card.tsx | |
parent | 3a54aa6171ad14854e877e1b4f320f808ed61811 (diff) | |
download | timeline-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.tsx | 9 |
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} |