The Trans Directory
fix: Add a wrapper element to dates in PageList. (#1345)
* Add a wrapper span to dates in PageList.
This means there is a placeholder when date is not specified, so the values in grid-template-columns always line up correctly.
* Use a <div> instead -- better practice to stick to block elements.
+8
-6
+7
-5
quartz/components/PageList.tsx
+7
-5
quartz/components/PageList.tsx
···
46
46
return (
47
47
<li class="section-li">
48
48
<div class="section">
49
-
{page.dates && (
50
-
<p class="meta">
51
-
<Date date={getDate(cfg, page)!} locale={cfg.locale} />
52
-
</p>
53
-
)}
49
+
<div>
50
+
{page.dates && (
51
+
<p class="meta">
52
+
<Date date={getDate(cfg, page)!} locale={cfg.locale} />
53
+
</p>
54
+
)}
55
+
</div>
54
56
<div class="desc">
55
57
<h3>
56
58
<a href={resolveRelative(fileData.slug!, page.slug!)} class="internal">