header fixes

tobias/correct_typos
Leif Niemczik 2022-11-18 15:09:45 +01:00
parent 504f06b0d0
commit 824e5d9533
1 changed files with 35 additions and 26 deletions

View File

@ -16,6 +16,7 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
<title>{`${title ? title + ' / ' : ''}${permaTitle}`}</title>
</head>
<body>
<header class='site-header'>
{
title && (
<a href='/'>
@ -23,6 +24,7 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
</a>
)
}
{!title && <div />}
<ul class='socials'>
<li class='mastodon'>
<a
@ -39,6 +41,7 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
</a>
</li>
</ul>
</header>
<slot />
<footer>
<a href='/imprint/'>Imprint</a> ////
@ -89,16 +92,22 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
overflow-x: hidden;
width: 100%;
}
.site-header {
display: flex;
justify-content: space-between;
}
.logo {
max-width: 12rem;
height: 100%;
margin-left: 0.75rem;
}
.socials {
list-style: none;
display: inline-flex;
justify-content: flex-end;
margin: 0;
padding: 1.5rem;
height: 1.5rem;
display: flex;
justify-content: flex-end;
height: 4.5rem;
gap: 1rem;
li {
height: 100%;