diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Header.astro | 24 | ||||
| -rw-r--r-- | src/components/PostElement.astro | 2 | ||||
| -rw-r--r-- | src/components/PostSummary.astro | 2 |
3 files changed, 22 insertions, 6 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> diff --git a/src/components/PostElement.astro b/src/components/PostElement.astro index 6ddf7c5..e213ce7 100644 --- a/src/components/PostElement.astro +++ b/src/components/PostElement.astro @@ -12,7 +12,7 @@ const formattedDate = dayjs(post.data.pubDate.toString()).format("MMMM DD, YYYY" --- <style lang="scss"> - @use "../scss/variables" as *; + @use "../scss/variables" as *; small { font-size: $fontSizeBase * 0.75; diff --git a/src/components/PostSummary.astro b/src/components/PostSummary.astro index 2e66b90..a3fbb29 100644 --- a/src/components/PostSummary.astro +++ b/src/components/PostSummary.astro @@ -12,7 +12,7 @@ const formattedDate = dayjs(post.data.pubDate.toString()).format("MMMM DD, YYYY" --- <style lang="scss"> - @use "../scss/variables" as *; + @use "../scss/variables" as *; a { color: $colorText; |