From 7ab5640191ecf9e16e975d909a7cb7aa3468700b Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 22 Jul 2026 22:28:12 +0200
Subject: Update

---
 src/ui/components/ReleaseCard.tsx | 28 +++++++++++++++++-----------
 1 file changed, 17 insertions(+), 11 deletions(-)

(limited to 'src/ui/components')

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>
 	);
-- 
cgit v1.3.1