pantheon/hestia
2
0
Fork 0
Code Issues 23 Pull requests Projects Releases Packages Wiki Activity Actions

Residents frontend page #82

Merged
BenjaminPalko merged 8 commits from 79-residents-frontend-page into master 2025-02-11 17:15:20 -05:00
Conversation 2 Commits 8 Files changed 19 +37 -27
3 changed files with 37 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 312e524c54 - Show all commits

2
src/lib/components/Navigation/Navbar/Navbar.svelte
View file

@ -4,7 +4,7 @@
let { start, center, end }: { start?: Snippet; center?: Snippet; end?: Snippet } = $props();
</script>
<header class="navbar justify-between bg-base-200 px-4">
<header class="navbar justify-between rounded-box bg-base-200 px-4">
<div class="navbar-start">{@render start?.()}</div>
<div class="navbar-center">{@render center?.()}</div>
<div class="navbar-end">{@render end?.()}</div>

10
src/routes/+layout.svelte
View file

@ -8,16 +8,16 @@
let { children } = $props();
</script>
<div class="layout">
<ParaglideJS {i18n}>
<ParaglideJS {i18n}>
<ClerkProvider publishableKey={PUBLIC_CLERK_PUBLISHABLE_KEY}>
<div class="layout">
{@render children()}
</div>
</ClerkProvider>
</ParaglideJS>
</div>
</ParaglideJS>
<style>
.layout {
@apply h-screen w-screen bg-base-100;
@apply h-screen w-screen p-8;
}
</style>

22
src/routes/app/+layout.svelte
View file

@ -5,7 +5,7 @@
import { messages } from '$lib/i18n';
import 'clerk-sveltekit/client';
import SignOutButton from 'clerk-sveltekit/client/SignOutButton.svelte';
import { Cog, LogOut, MessageCircleMore } from 'lucide-svelte';
import { Cog, LogOut, MessageCircleMore, UsersRound } from 'lucide-svelte';
import type { Snippet } from 'svelte';
import { onMount } from 'svelte';
import type { PageData } from './$types';
@ -65,7 +65,7 @@
<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
<ul
tabindex="0"
class="menu dropdown-content menu-lg z-[1] mt-4 w-52 rounded-box bg-base-200 p-2 text-right shadow"
class="menu dropdown-content menu-lg z-[1] mt-4 w-52 rounded-box border border-neutral bg-base-200 p-2 text-right shadow"
>
<li>
<button onclick={() => goto('/app/sms')}>
@ -73,6 +73,12 @@
{messages.nav_menu_sms()}
</button>
</li>
<li>
<button onclick={() => goto('/app/residents')}>
<UsersRound />
{messages.nav_menu_residents()}
</button>
</li>
<li>
<button onclick={() => goto('/app/settings')}>
<Cog />
@ -89,9 +95,10 @@
</div>
{/snippet}
<Navbar>
<div class="flex h-full flex-col items-stretch gap-4">
<Navbar>
{#snippet start()}
<Button onclick={() => goto('/app')}>
<Button onclick={() => goto('/app')} class="rounded-box" color="ghost">
<h2 class="prose prose-xl">Hestia</h2>
</Button>
{/snippet}
@ -104,5 +111,8 @@
{@render userMenu()}
</div>
{/snippet}
</Navbar>
{@render children()}
</Navbar>
<div class="h-full rounded-box bg-base-200 p-8">
{@render children()}
</div>
</div>