frontend: use width in .viewport

Also add .viewport to main div.
This commit is contained in:
Lucas 2023-02-19 20:22:22 +00:00
parent 922fe8c2be
commit 499510bd21
2 changed files with 2 additions and 2 deletions

View File

@ -76,7 +76,7 @@ a:active {
.viewport { .viewport {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
max-width: 60rem; width: 60rem;
} }
.border-bottom { .border-bottom {

View File

@ -19,7 +19,7 @@
<main class="border-bottom border-top border-accent flex-i-fullsize flex-c-vertical"> <main class="border-bottom border-top border-accent flex-i-fullsize flex-c-vertical">
<div class="viewport flex-i-fullsize flex-c-vertical"> <div class="viewport flex-i-fullsize flex-c-vertical">
<h1>[% title %]</h1> <h1>[% title %]</h1>
<div class="flex-i-fullsize">[% content %]</div> <div class="viewport flex-i-fullsize">[% content %]</div>
[% IF pager %] [% IF pager %]
<footer> <footer>
<nav class="text-center"> <nav class="text-center">