Change link-cards height

Signed-off-by: Hadi <hadi@example.com>

src/pages/notes/[...slug].astro

@@ -242,7 +242,9 @@ const headings = extractHeadings(entry.body ?? "");
       const s = document.createElement("style");
       s.id = "heading-anchor-styles";
       s.textContent = `
-        .note-content h2, .note-content h3, .note-content h4 {
+        .note-content h2:not(.link-card h2),
+        .note-content h3:not(.link-card h3),
+        .note-content h4:not(.link-card h4) {
           display: flex !important;
           align-items: center;
           flex-wrap: wrap;

src/styles/global.css

@@ -44,7 +44,7 @@
   .link-card {
     display: flex;
     align-items: center;
-    padding: 0.5rem 0.875rem;
+    padding: 0 0.875rem;
     border-radius: var(--radius-box);
     border: 1px solid oklch(24% 0 0);
     background: transparent;
@@ -79,8 +79,8 @@
   .link-card h4 {
     font-size: 0.85rem;
     font-weight: 600;
-    margin: 0 0 0.1rem;
-    line-height: 1.2;
+    margin: 0;
+    line-height: 1;
     transition: color 0.15s ease;
   }
   .link-card:hover h4 {
@@ -89,7 +89,7 @@
   .link-card p {
     font-size: 0.75rem;
     margin: 0;
-    line-height: 1.2;
+    line-height: 1;
     color: oklch(52% 0 0);
   }
 }