Daisy UI #14
2 changed files with 4 additions and 35 deletions
12
src/app.css
12
src/app.css
|
|
@ -5,16 +5,4 @@
|
|||
|
||||
:root {
|
||||
@apply text-base-content;
|
||||
}
|
||||
|
||||
h1 {
|
||||
@apply font-display text-4xl;
|
||||
}
|
||||
|
||||
h2 {
|
||||
@apply font-display text-3xl;
|
||||
}
|
||||
|
||||
h3 {
|
||||
@apply font-display text-2xl;
|
||||
}
|
||||
|
|
@ -2,30 +2,11 @@
|
|||
let { title }: { title: string } = $props();
|
||||
</script>
|
||||
|
||||
<header>
|
||||
<div class="navbar">
|
||||
<div>
|
||||
<h2>Hestia</h2>
|
||||
</div>
|
||||
<div>
|
||||
<h1>{title}</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>Welcome!</p>
|
||||
</div>
|
||||
</div>
|
||||
<header class="navbar justify-between bg-base-200 px-4">
|
||||
<h2 class="prose prose-xl">Hestia</h2>
|
||||
<h1 class="prose prose-2xl">{title}</h1>
|
||||
<p class="prose prose-lg">Welcome!</p>
|
||||
</header>
|
||||
|
||||
<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>
|
||||
Loading…
Add table
Reference in a new issue