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

Navbar to daisy

Browse source
This commit is contained in:
Benjamin Palko 2024-12-18 15:02:00 -05:00
parent 8f4f81a17d
commit 33c28bc220
2 changed files with 4 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/app.css
View file

@ -5,16 +5,4 @@
:root { :root {
@apply text-base-content; @apply text-base-content;
}
h1 {
@apply font-display text-4xl;
}
h2 {
@apply font-display text-3xl;
}
h3 {
@apply font-display text-2xl;
} }

27
src/lib/components/Navbar.svelte
View file

@ -2,30 +2,11 @@
let { title }: { title: string } = $props(); let { title }: { title: string } = $props();
</script> </script>
<header> <header class="navbar justify-between bg-base-200 px-4">
<div class="navbar"> <h2 class="prose prose-xl">Hestia</h2>
<div> <h1 class="prose prose-2xl">{title}</h1>
<h2>Hestia</h2> <p class="prose prose-lg">Welcome!</p>
</div>
<div>
<h1>{title}</h1>
</div>
<div>
<p>Welcome!</p>
</div>
</div>
</header> </header>
<style> <style>
.navbar {
@apply flex items-center justify-between border-b border-slate-200 bg-slate-50 px-6 py-2 font-display drop-shadow;
}
.navbar h1 {
@apply text-2xl;
}
.navbar h2 {
@apply text-xl;
}
</style> </style>