✨ Added cover-image (Closes #103)
This commit is contained in:
@@ -6,9 +6,17 @@
|
||||
<script lang="ts">
|
||||
export let title: string;
|
||||
export let description: string;
|
||||
export let cover_image: string | undefined;
|
||||
</script>
|
||||
|
||||
<div class="flex flex-col justify-center w-screen h-screen">
|
||||
<h1 class="text-7xl text-center">{title}</h1>
|
||||
<p class="text-3xl pt-8 text-center">{description}</p>
|
||||
{#if cover_image}
|
||||
<div class="flex justify-center align-middle items-center">
|
||||
<div class="h-[30vh] m-auto w-auto mt-12">
|
||||
<img class="max-h-full max-w-full block" src={cover_image} alt="Not provided" />
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user