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 {
|
: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;
|
|
||||||
}
|
}
|
||||||
|
|
@ -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>
|
||||||
Loading…
Add table
Reference in a new issue