Valentin Popov
47a0acab13
- 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.
39 lines
561 B
Plaintext
39 lines
561 B
Plaintext
<style lang="scss">
|
|
@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 {
|
|
margin-right: 1.5rem;
|
|
text-decoration: none;
|
|
|
|
&:last-child {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<header>
|
|
<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>
|