fix: link card style

Signed-off-by: Innei <i@innei.in>
Innei · Jul 18, 2024 · e9d7aab · e9d7aab
1 parent a2455d7
commit e9d7aab
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git 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
@@ -177,13 +177,15 @@ const LinkCardImpl: FC<LinkCardProps> = (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}