Skip to content

Commit ffe4051

Browse files
committed
simplify styles in action card
1 parent b0faf55 commit ffe4051

File tree

1 file changed

+5
-7
lines changed

1 file changed

+5
-7
lines changed

src/components/ActionCard.tsx

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -41,23 +41,23 @@ const ActionCard = ({
4141
return (
4242
<LinkBox
4343
className={cn(
44-
"focus:bg-table-bg-hover m-4 flex flex-none shadow-table hover:scale-[1.02] hover:rounded hover:bg-background-highlight hover:shadow-table-box-hover hover:duration-100 focus:scale-[1.02] focus:rounded focus:shadow-table-box-hover focus:duration-100",
44+
"m-4 flex flex-none shadow-table hover:scale-[1.02] hover:rounded hover:bg-background-highlight hover:shadow-table-box-hover hover:duration-100 focus:scale-[1.02] focus:rounded focus:shadow-table-box-hover focus:duration-100",
4545
className
4646
)}
4747
{...props}
4848
>
4949
<Flex
5050
className={cn(
51-
"action-card-image-wrapper flex h-[260px] flex-row bg-gradient-to-r from-accent-a/10 to-accent-c/10 shadow-[inset_0px_-1px_0px_rgba(0,0,0,0.1)]",
51+
"action-card-image-wrapper flex h-[260px] flex-row bg-gradient-to-r from-accent-a/10 to-accent-c/10",
5252
isBottom ? "items-end" : "items-center",
5353
isRight ? "justify-end" : "justify-center"
5454
)}
5555
>
5656
<TwImage
5757
src={image}
5858
alt={alt || ""}
59+
width={imageWidth}
5960
className="max-h-full object-cover"
60-
style={{ width: `${imageWidth}px` }}
6161
/>
6262
</Flex>
6363
<div className="action-card-content p-6">
@@ -66,15 +66,13 @@ const ActionCard = ({
6666
<InlineLink
6767
href={href}
6868
hideArrow
69-
className="text-body no-underline hover:no-underline focus:no-underline"
69+
className="text-body no-underline"
7070
>
7171
{title}
7272
</InlineLink>
7373
</LinkOverlay>
7474
</h3>
75-
<p className={"mb-0 text-body opacity-65 dark:opacity-80"}>
76-
{description}
77-
</p>
75+
<p className={"mb-0 text-body/65"}>{description}</p>
7876
{children && <div className="mt-8">{children}</div>}
7977
</div>
8078
</LinkBox>

0 commit comments

Comments
 (0)