quartznet/quartznet-info
Watch
3
0
Fork
You've already forked quartznet-info
 0
Code Issues Pull requests Packages Activity Actions

Update thumbnail component - Pass in img size to help with load times and reduce layout shifts. - Rename gameProjectThumb.svelte to thumbnail.svelte.

Browse source
This commit is contained in:
Chris 2021-02-21 10:37:03 +00:00
commit 231f08252c
1 changed files with 9 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/gameProjectThumb.svelte
View file

@ -1,20 +0,0 @@
<script>
export let name;
export let link;
export let src = "https://placehold.it/600x300";
export let description;
export let imgClass = "img-fluid mb-3 mb-md-0";
</script>
<div class="row">
<div class="thumb col-md-7">
<a href="{link}">
<img class={imgClass} {src} alt={name}>
</a>
</div>
<div class="blurb col-md-5">
<h2>{name}</h2>
<p>{description}</p>
</div>
</div>
<br>