zaire/campfire
1
0
Fork 0
forked from blisstown/campfire
Code Pull requests Activity

refactor: move page header to own component

Browse source
This commit is contained in:
mae taylor 2025-07-14 18:16:40 +01:00
parent 6f446fd871
commit 00277741a8
Signed by: mae
GPG key ID: 3C80D76BA7A3B9BD
3 changed files with 12 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/routes/notifications/+page.svelte
View file

@ -4,6 +4,7 @@
import { goto } from '$app/navigation';
import { page } from '$app/stores';
import Notification from '$lib/ui/Notification.svelte';
import PageHeader from '../../lib/ui/core/PageHeader.svelte';
import Lang from '$lib/lang';
const lang = Lang('en_GB');
@ -33,9 +34,7 @@
});
</script>
<header>
<h1>{lang.string('navigation.notifications')}</h1>
</header>
<PageHeader title={lang.string('navigation.notifications')}/>
<div class="notifications">
{#if $notifications.length === 0}
@ -50,20 +49,6 @@
</div>
<style>
header {
width: 100%;
height: 64px;
margin: 16px 0 8px 0;
padding: 0 8px;
display: flex;
flex-direction: row;
box-sizing: border-box;
}
h1 {
font-size: 1.5em;
}
.loading {
width: 100%;
height: 80vh;