Update

1 files changed, 17 insertions, 11 deletions

diff --git a/src/ui/components/ReleaseCard.tsx b/src/ui/components/ReleaseCard.tsx
index bffe256..5b7b346 100644
--- a/src/ui/components/ReleaseCard.tsx
+++ b/src/ui/components/ReleaseCard.tsx
@@ -13,6 +13,18 @@ export type Props = CardProps<"a"> & {
 };
 
 export const ReleaseCard = ({ "heading-level": headingLevel, page, ...props }: Props) => {
+        const time = (
+                <li class="l-hlist__item">
+                        <time class="dt-published" datetime={page.data.date.toISOString()}>
+                                {page.data.date.toLocaleDateString(undefined, {
+                                        day: "numeric",
+                                        month: "short",
+                                        year: "numeric",
+                                })}
+                        </time>
+                </li>
+        );
+
         return (
                 <Card
                         as="a"
@@ -27,20 +39,14 @@ export const ReleaseCard = ({ "heading-level": headingLevel, page, ...props }: P
                                 <Heading as={headingLevel} class="p-name">
                                         <span class="u-mie-100">{page.data.title}</span>
                                 </Heading>
+
+                                <small class="u-c-mute u-d-none@sm-hi">
+                                        <ul class="l-hlist l-hlist--separated">{time}</ul>
+                                </small>
                         </CardBody>
 
                         <CardBody as="small" class="u-c-mute u-d-none@sm-lo">
-                                <ul class="l-hlist l-hlist--separated">
-                                        <li class="l-hlist__item">
-                                                <time class="dt-published" datetime={page.data.date.toISOString()}>
-                                                        {page.data.date.toLocaleDateString(undefined, {
-                                                                day: "numeric",
-                                                                month: "short",
-                                                                year: "numeric",
-                                                        })}
-                                                </time>
-                                        </li>
-                                </ul>
+                                <ul class="l-hlist l-hlist--separated">{time}</ul>
                         </CardBody>
                 </Card>
         );