File size: 907 Bytes
1123781 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<script lang="ts">
</script>
<div class="relative overflow-hidden rounded-lg border border-slate-300">
<!-- svelte-ignore a11y-missing-attribute -->
<img
class="aspect-square w-full rounded-lg"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
/>
<div class="absolute left-0 top-0 aspect-square w-1/4">
<div class="relative z-10 aspect-square w-full object-cover">
<slot />
</div>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 448"
width="100"
class="absolute top-0 z-0 w-full p-4 opacity-20"
>
<path
fill="currentColor"
d="M224 256a128 128 0 1 0 0-256 128 128 0 1 0 0 256zm-45.7 48A178.3 178.3 0 0 0 0 482.3 29.7 29.7 0 0 0 29.7 512h388.6a29.7 29.7 0 0 0 29.7-29.7c0-98.5-79.8-178.3-178.3-178.3h-91.4z"
/>
</svg>
</div>
</div>
|