Skip to content

Commit

Permalink
🐛 CSS fix
Browse files Browse the repository at this point in the history
  • Loading branch information
nwrenger committed Apr 11, 2024
1 parent d956ce2 commit f28ac7c
Showing 1 changed file with 5 additions and 3 deletions.
8 changes: 5 additions & 3 deletions src/routes/ImageLoader.svelte
Original file line number Diff line number Diff line change
@@ -1,19 +1,21 @@
<script lang="ts">
export let src: string;
export let alt = '';
$: loaded = false;
const base = 'w-full h-36 md:h-64 rounded-lg';
let loaded = false;
function handleLoad() {
loaded = true;
}
</script>

{#if !loaded}
<div class="w-full md:h-64 placeholder rounded-lg animate-pulse" />
<div class="{base} placeholder animate-pulse" />
{/if}
<img
{src}
{alt}
on:load={handleLoad}
class="w-full md:h-64 object-cover rounded-lg shadow-md {!loaded ? 'hidden' : ''}"
class="{base} object-cover shadow-md {!loaded ? 'hidden' : ''}"
/>

0 comments on commit f28ac7c

Please sign in to comment.