diff options
| author | Valentin Popov <valentin@popov.link> | 2025-06-10 21:38:58 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-06-10 21:38:58 +0300 |
| commit | 34ce9f6162ae4ff2d0278760cce28227d82433ed (patch) | |
| tree | 1c365b4615ba0bf43942f776cfe0860eb12de3e4 /src/components/Header.astro | |
| parent | f3cc07e92c8497347157b050a8e4b41d83e1fa9c (diff) | |
| download | popov.link-34ce9f6162ae4ff2d0278760cce28227d82433ed.tar.xz popov.link-34ce9f6162ae4ff2d0278760cce28227d82433ed.zip | |
style: enhance Header component and update SCSS imports (#50)
- Improved the Header component by adding a site title with styling.
- Wrapped navigation links in a div for better structure.
- Updated SCSS imports across multiple components for consistency.
Diffstat (limited to 'src/components/Header.astro')
| -rw-r--r-- | src/components/Header.astro | 24 |
1 files changed, 20 insertions, 4 deletions
diff --git a/src/components/Header.astro b/src/components/Header.astro index c2edf19..52c0ca8 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -1,14 +1,27 @@ <style lang="scss"> - @use "../scss/variables" as *; + @use "../scss/variables" as *; header { padding-bottom: 1rem; + position: relative; + } + + .site-title { + color: $colorText; + font-weight: bold; + left: 0; + position: absolute; + text-decoration: none; + top: 0; + } + + .nav-links { text-align: right; } a { - text-decoration: none; margin-right: 1.5rem; + text-decoration: none; &:last-child { margin-right: 0; @@ -17,6 +30,9 @@ </style> <header> - <a href="/">Home</a> - <a href="/blog/">Blog</a> + <a class="site-title" href="/">{import.meta.env.DEFAULT_TITLE}</a> + <div class="nav-links"> + <a href="/">Home</a> + <a href="/blog/">Blog</a> + </div> </header> |