refactor: header alignment
This commit is contained in:
parent
e4052fc145
commit
3809e7c9dd
2 changed files with 18 additions and 2 deletions
|
|
@ -9,7 +9,7 @@ interface Props {
|
|||
urls?: string[];
|
||||
}
|
||||
|
||||
const { title, description = 'personal website of lewis m.w.', showHeader = true, isHome = false, urls = [] } = Astro.props;
|
||||
const { title, description = 'personal website of ' + title, showHeader = true, isHome = false, urls = [] } = Astro.props;
|
||||
---
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
|
@ -28,7 +28,7 @@ const { title, description = 'personal website of lewis m.w.', showHeader = true
|
|||
<body>
|
||||
{showHeader && (
|
||||
<header>
|
||||
<pre>{isHome ? <Fragment><span class="home-name">lewis m.w.</span><a class="home-name-link" href="/">lewis m.w.</a></Fragment> : <a href="/">lewis m.w.</a>} <a href="mailto:lewis@wynne.rs">mail</a> <a href="https://github.com/llywelwyn">gh</a> <a href="/feed.xml">rss</a> <a href="/sitemap.txt">sitemap</a> <a href="/?do=random">random</a> <a href="/?do=newest">newest</a></pre>
|
||||
<span class="header-name">{isHome ? <Fragment><span class="home-name">{title}</span><a class="home-name-link" href="/">{title}</a></Fragment> : <a href="/">lewis m.w.</a>}</span><span class="header-links"><a href="mailto:lewis@wynne.rs">mail</a> <a href="https://github.com/llywelwyn">gh</a> <a href="/feed.xml">rss</a> <a href="/sitemap.txt">sitemap</a> <a href="/?do=random">random</a> <a href="/?do=newest">newest</a></span>
|
||||
</header>
|
||||
)}
|
||||
<slot />
|
||||
|
|
|
|||
|
|
@ -98,6 +98,22 @@ html[data-has] .guestbook-form {
|
|||
display: none;
|
||||
}
|
||||
|
||||
header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
gap: 2ch;
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
.header-name {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.header-links {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
section pre {
|
||||
margin: 0;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue