forked from
quillmatiq.com/augment
Fork of Chiri for Astro for my blog
1---
2import { themeConfig } from '@/config'
3import ThemeToggle from '@/components/ui/ThemeToggle.astro'
4---
5
6<header>
7 <nav>
8 <div class="logo-container">
9 {themeConfig.general.favicon && <img src="/favicon.svg" alt="favicon" class="favicon" />}
10 <a href="/">{themeConfig.site.title}</a>
11 </div>
12 <ThemeToggle />
13 </nav>
14</header>
15<style>
16 header {
17 margin: 0 0 1.75rem 0;
18 }
19 nav {
20 display: flex;
21 justify-content: space-between;
22 align-items: center;
23 }
24 header a {
25 font-weight: var(--font-weight-bold);
26 color: var(--text-primary);
27 text-decoration: none;
28 min-width: 3rem;
29 display: inline-block;
30 }
31 .logo-container {
32 position: relative;
33 }
34 .favicon {
35 position: absolute;
36 width: 1.125rem;
37 height: 1.125rem;
38 bottom: calc(100% + 3.5rem);
39 left: 0;
40 }
41</style>