blob: 59c99b20a0b9b3e17a16381a23ece2810a61fae7 (
plain)
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
28
29
30
31
32
33
34
|
<script lang="ts" context="module">
import type { PageHeader, Shelf } from '@jet-app/app-store/api/models';
interface PageHeaderShelf extends Shelf {
items: [PageHeader];
}
export function isPageHeaderShelf(shelf: Shelf): shelf is PageHeaderShelf {
const { contentType, items } = shelf;
return contentType === 'pageHeader' && Array.isArray(items);
}
</script>
<script lang="ts">
import ShelfWrapper from '~/components/Shelf/Wrapper.svelte';
import ShelfTitle from '~/components/Shelf/Title.svelte';
export let shelf: PageHeaderShelf;
$: [item] = shelf.items;
</script>
<ShelfWrapper {shelf} withBottomPadding={false}>
<div class="shelf-title-wrapper" slot="title">
<ShelfTitle title={item.title} subtitle={item.subtitle} />
</div>
</ShelfWrapper>
<style>
.shelf-title-wrapper {
--shelf-title-font: var(--title-1-emphasized);
display: contents;
}
</style>
|
