wrap all page content in container

for robustness with addons etc injection other elements in body
This commit is contained in:
f0x 2022-06-08 02:24:56 +02:00
commit 23786826a8
3 changed files with 38 additions and 29 deletions

View file

@ -7,11 +7,18 @@ html, body {
} }
body { body {
line-height: 1.5em;
min-height: 100vh;
position: relative;
}
.page {
position: absolute;
display: grid; display: grid;
min-height: 100%;
min-width: 100%;
grid-template-rows: auto 1fr auto; grid-template-rows: auto 1fr auto;
min-height: 100vh;
line-height: 1.5em;
} }
main { main {

View file

@ -15,6 +15,7 @@
{{ end }} {{ end }}
</div> </div>
</footer> </footer>
</div>
{{ if .javascript }} {{ if .javascript }}
{{ range .javascript }} {{ range .javascript }}
<script src="{{.}}"></script> <script src="{{.}}"></script>

View file

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- Header tmpl --> <!-- header.tmpl -->
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
@ -17,6 +17,7 @@
<title>{{.instance.Title}} - GoToSocial</title> <title>{{.instance.Title}} - GoToSocial</title>
</head> </head>
<body> <body>
<div class="page">
<header> <header>
<img src="/assets/logo.png" alt="Instance Logo"/> <img src="/assets/logo.png" alt="Instance Logo"/>
<div> <div>