chadtmiller.com/knotless
git that lives in your Atmosphere account
1
10
A check's picture opens at full size rather than on a 404 page
web/src/lib/molecules/RunImages.svelte+2−2
| @@ -1,13 +1,13 @@ | ||
<script lang="ts"> | ||
import type { CheckImageView } from '#lib/lexicons/dev/knotless/defs.ts'; | ||
/** The pictures a check made, each linked to itself at full size, under what it shows. */ | ||
/** The pictures a check made, each linked to itself at full size, under what it shows. The link is to the server, not a page, so SvelteKit leaves it to the browser. */ | ||
let { images }: { images: CheckImageView[] } = $props(); | ||
</script> | ||
| ||
{#if images.length} | ||
<div class="run-images"> | ||
{#each images as image, i (i)} | ||
<figure><a href={image.url}><img src={image.url} alt={image.alt} loading="lazy" /></a><figcaption class="mute">{image.alt}</figcaption></figure> | ||
<figure><a href={image.url} data-sveltekit-reload><img src={image.url} alt={image.alt} loading="lazy" /></a><figcaption class="mute">{image.alt}</figcaption></figure> | ||
{/each} | ||
</div> | ||
{/if} | ||