Updated card styling

This commit is contained in:
r-freeman 2023-01-26 23:50:07 +00:00
parent d2153b38e0
commit 90cf181681
2 changed files with 2 additions and 2 deletions

View File

@ -117,7 +117,7 @@ Card.Eyebrow = function CardEyebrow({
<Component <Component
className={clsx( className={clsx(
className, className,
'relative z-10 order-first mb-3 flex items-center text-sm text-zinc-500 dark:text-zinc-400', 'relative z-10 order-first flex items-center text-sm text-zinc-500 dark:text-zinc-400',
decorate && 'pl-3.5' decorate && 'pl-3.5'
)} )}
{...props} {...props}

View File

@ -72,7 +72,7 @@ function Article(article: Article) {
<Card.Title href={`/writing/${article.slug}`}> <Card.Title href={`/writing/${article.slug}`}>
{article.title} {article.title}
</Card.Title> </Card.Title>
<p className="flex order-first space-x-1 z-10"> <p className="flex order-first space-x-1 z-10 mb-3">
<Card.Eyebrow as="time" dateTime={article.date} decorate={false}> <Card.Eyebrow as="time" dateTime={article.date} decorate={false}>
{formatDate(article.date)} {formatDate(article.date)}
</Card.Eyebrow> </Card.Eyebrow>