mirror of
https://github.com/wukko/cobalt.git
synced 2025-02-27 21:48:49 +01:00
36 lines
782 B
Svelte
36 lines
782 B
Svelte
|
<script lang="ts">
|
||
|
|
export let version: string;
|
||
|
|
export let title: string;
|
||
|
|
export let date: string;
|
||
|
|
export let banner: { file: string, alt: string } | undefined;
|
||
|
|
</script>
|
||
|
|
<style>
|
||
|
|
img {
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1, h2 {
|
||
|
|
padding-top: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contents :global(.text-backdrop) {
|
||
|
|
border-radius: 4px;
|
||
|
|
background-color: var(--button);
|
||
|
|
color: var(--background);
|
||
|
|
padding: 0.3rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contents :global(.text-backdrop.link) {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<div>
|
||
|
|
<h1>{ version }: { title }</h1>
|
||
|
|
<h2>{ date }</h2>
|
||
|
|
{#if banner}
|
||
|
|
<img src={`/update-banners/${banner.file}`} alt={banner.alt} />
|
||
|
|
{/if}
|
||
|
|
<div class="contents">
|
||
|
|
<slot></slot>
|
||
|
|
</div>
|
||
|
|
</div>
|