page card update - align icon and title text

2026-08-05 13:46:35 -07:00 · 2023-11-09 17:09:36 +00:00
parent e1726028f5
commit edd188b055
2 changed files with 11 additions and 8 deletions
@@ -22,7 +22,7 @@
  flex-direction: column;

  gap: 8px;
-  padding: 16px 0 18px 0;
+  padding: 20px 0 18px 0;
 }

 .mdx-page-card__title {
@@ -46,13 +46,16 @@ export const PageCard: React.FC<PageCardProps> = ({
        >
          {title}
        </Typography>
-        <Typography
-          className="mdx-page-card__description"
-          component="span"
-          variant="body2"
-        >
-          {description}
-        </Typography>
+
+        {!!description && (
+          <Typography
+            className="mdx-page-card__description"
+            component="span"
+            variant="body2"
+          >
+            {description}
+          </Typography>
+        )}
      </div>
    </Link>
  )