diff --git a/src/components/ui/link-card/LinkCard.module.css b/src/components/ui/link-card/LinkCard.module.css index 70e19d4cfe..8c34c25533 100644 --- a/src/components/ui/link-card/LinkCard.module.css +++ b/src/components/ui/link-card/LinkCard.module.css @@ -13,13 +13,17 @@ padding: 0.857rem 1.286rem; backdrop-filter: blur(20px) saturate(180%); transition: background-color 0.2s ease-in-out; - + text-indent: 0; gap: 1.286rem; @apply cursor-pointer border font-sans no-underline; @apply [&_*]:!not-italic; @apply border border-slate-200/80 bg-slate-50/80 dark:border-neutral-700 dark:bg-zinc-800; @apply transition-colors duration-200; + + & span { + border-bottom: 0 !important; + } } .contents { diff --git a/src/components/ui/link-card/LinkCard.tsx b/src/components/ui/link-card/LinkCard.tsx index 87f1a393e8..8b9d2d010e 100644 --- a/src/components/ui/link-card/LinkCard.tsx +++ b/src/components/ui/link-card/LinkCard.tsx @@ -177,13 +177,15 @@ const LinkCardImpl: FC = (props) => { styles['card-grid'], (loading || isError) && styles['skeleton'], isError && styles['error'], + 'not-prose', + 'group', className, classNames.cardRoot, )} style={{ - borderColor: cardInfo?.color ? `${cardInfo.color}30` : '', + borderColor: cardInfo?.color ? `${cardInfo.color}30` : undefined, }} onClick={handleCanPeek} onMouseMove={handleMouseMove}