Rework main layout

This commit is contained in:
Lucas 2023-02-18 13:51:17 +00:00
parent f1af4314b5
commit 57b00f6c28
2 changed files with 12 additions and 6 deletions

View File

@ -31,7 +31,9 @@
body,
h1,
p {
main,
p,
section {
margin: 0;
}
@ -45,7 +47,9 @@ body {
}
h1,
p {
main,
p,
section {
margin-bottom: 1.5rem;
}
@ -79,7 +83,8 @@ nav {
}
.viewport {
margin: 0 auto;
margin-left: auto;
margin-right: auto;
max-width: 60rem;
}

View File

@ -7,7 +7,7 @@
<link rel="stylesheet" href="[% request.uri_base %]/css/style.css">
</head>
<body class="bg-default fg-default flex-c-vertical">
<header class="border-bottom border-accent">
<header>
<nav class="viewport flex-c-horizontal nav-link-gap">
<a class="nav-link" href="[% uris.root %]">[% settings.appname %]</a>
<a class="nav-link" href="[% uris.random %]">random</a>
@ -16,9 +16,10 @@
<a class="nav-link" href="[% uris.login %]">login</a>
</nav>
</header>
<!--<main class="viewport flex-i-fullsize flex-c-vertical flex-c-center">-->
<main class="viewport flex-i-fullsize">
<main class="border-bottom border-top border-accent flex-i-fullsize">
<section class="viewport">
[% content -%]
</section>
</main>
<footer class="text-center">
<p class="viewport">Powered by <a href="https://www.openbsd.org">OpenBSD</a> and <a href="https://perldancer.org/">Dancer2</a></p>