mirror of
https://github.com/thiloho/aurora.git
synced 2025-11-22 11:31:36 +01:00
36 lines
739 B
Plaintext
36 lines
739 B
Plaintext
---
|
|
import ArticleSearchWrapper from "../components/ArticleSearchWrapper.astro";
|
|
import ThemeToggle from "../components/ThemeToggle.svelte";
|
|
---
|
|
|
|
<nav>
|
|
<div class="container">
|
|
<a href="/">
|
|
<img src="/favicon.svg" width="32" height="32" alt="Logo" />
|
|
</a>
|
|
<slot />
|
|
<ArticleSearchWrapper />
|
|
<ThemeToggle client:only="svelte" />
|
|
</div>
|
|
</nav>
|
|
|
|
<style>
|
|
nav {
|
|
position: sticky;
|
|
inset-block-start: 0;
|
|
background-color: var(--secondary-background-color);
|
|
border-block-end: var(--standard-border);
|
|
}
|
|
|
|
.container {
|
|
display: flex;
|
|
align-items: center;
|
|
block-size: var(--nav-height);
|
|
position: relative;
|
|
}
|
|
|
|
.container > *:first-child {
|
|
margin-inline-end: auto;
|
|
}
|
|
</style>
|