Fork of Chiri for Astro for my blog
style: fix link card margin
+9
-9
+9
-9
src/components/ui/LinkCard.astro
+9
-9
src/components/ui/LinkCard.astro
···
230
230
order: 1;
231
231
}
232
232
233
-
/* Set container size/padding when image hidden */
234
-
.prose .link-card-image-outer:has(.link-card-image[style*='display: none']) {
235
-
padding: 0.25rem 0.25rem 0 0.25rem;
233
+
/* Hide image outer container when no image is displayed */
234
+
.prose .link-card-image-outer:has(.link-card-image[style*='display: none']),
235
+
.prose .link-card-image-outer:not(:has(.link-card-image[style*='display: block'])) {
236
+
display: none;
236
237
}
237
238
238
239
.prose .link-card-image {
···
275
276
font-size: var(--font-size-m);
276
277
font-weight: var(--font-weight-bold);
277
278
color: var(--text-primary);
278
-
margin: 0;
279
+
margin: 0.25rem 0 0 0;
279
280
white-space: nowrap;
280
281
overflow: hidden;
281
282
text-overflow: ellipsis;
···
337
338
}
338
339
339
340
.prose .link-card:not(:has(.link-card-image[style*='display: block'])) {
340
-
padding: 1rem 1.25rem 0.75rem 1.25rem;
341
+
padding: 0.5rem 1.25rem 0.5rem 1.25rem;
342
+
}
343
+
.prose .link-card:has(.link-card-image[style*='display: block']) .link-card-content {
344
+
padding: 0.5rem 1.25rem 0.5rem 1.25rem;
341
345
}
342
346
343
347
.prose .link-card:not(:has(.link-card-image[style*='display: block'])) .link-card-content {
344
348
padding: 0;
345
-
}
346
-
347
-
.prose .link-card:has(.link-card-image[style*='display: block']) .link-card-content {
348
-
padding: 1rem 1.25rem 0.75rem 1.25rem;
349
349
}
350
350
</style>