Rework main layout
This commit is contained in:
parent
f1af4314b5
commit
57b00f6c28
@ -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;
|
||||
}
|
||||
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user