33 lines
898 B
Svelte
33 lines
898 B
Svelte
<style lang="scss">
|
|
@import "../../style/molecules/issue";
|
|
</style>
|
|
|
|
<script lang="ts">
|
|
import dayjs from 'dayjs'
|
|
import Image from '$components/atoms/Image.svelte'
|
|
|
|
export let title: string
|
|
export let issue: number
|
|
export let date: string
|
|
export let link: string
|
|
export let thumbnail: { id: string }
|
|
export let size: string = undefined
|
|
</script>
|
|
|
|
<div class="issue" class:is-large={size === 'large'}>
|
|
<a href={link} target="_blank" rel="external noopener" tabindex="0">
|
|
<Image
|
|
id={thumbnail.id}
|
|
sizeKey="issue-thumbnail-small"
|
|
width={160} height={112}
|
|
alt="Issue {issue} thumbnail"
|
|
/>
|
|
<dl>
|
|
<dt>Issue #{issue}</dt>
|
|
<dd>
|
|
<p>{title}</p>
|
|
<time>{dayjs(date).format('DD/MM/YYYY')}</time>
|
|
</dd>
|
|
</dl>
|
|
</a>
|
|
</div> |