feat(components/tiles/pages): image page
This commit is contained in:
parent
6adbeec8d5
commit
fa6e1613f2
6 changed files with 40 additions and 10 deletions
21
src/lib/components/tiles/pages/TileImagePage.svelte
Normal file
21
src/lib/components/tiles/pages/TileImagePage.svelte
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<!--
|
||||
@component
|
||||
|
||||
Image page for a tile. Must be in a tile to display correctly.
|
||||
-->
|
||||
|
||||
<script lang="ts">
|
||||
let {
|
||||
image,
|
||||
}: {
|
||||
/**
|
||||
* Image. Must be a valid image URL.
|
||||
*/
|
||||
image: string;
|
||||
} = $props();
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="w-full h-full bg-cover bg-center bg-no-repeat"
|
||||
style="background-image: url('{image}');"
|
||||
></div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue