1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-06-28 16:48:00 +02:00
blog/src/layouts/Post/Date.astro
Matthias Kretschmann 3b25ae2282
Location fetching (#843)
* location component

* fetching with @nanostores/query

* layouts reorg

* typescript plugins cleanup

* location component unit test cases

* fetch only when visible
2023-10-04 14:45:54 +01:00

26 lines
444 B
Plaintext

---
import Time from '@components/Time.astro'
type Props = {
date: Date | undefined
updated?: Date
}
const { date, updated } = Astro.props
---
<style>
.date {
font-style: italic;
font-size: var(--font-size-small);
color: var(--text-color-light);
margin-bottom: calc(var(--spacer) / 2);
}
</style>
<div class="date">
<Time date={date} />
{updated && ' • updated '}
{updated && <Time date={updated} />}
</div>