Fix page flickering

This commit is contained in:
Elara 2022-12-25 19:29:30 -08:00
parent a0df472552
commit bbe139f779
3 changed files with 11 additions and 9 deletions

View File

@ -8,6 +8,6 @@
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>
<div id="page-container">%sveltekit.body%</div>
</body>
</html>

View File

@ -48,14 +48,16 @@ button.sc-carousel-arrow__circle {
height: 30px !important;
}
html, body {
height: 100%;
width: 100%;
body {
margin: 0;
display: table;
}
#footer {
display: table-row;
height: 100px;
#page-container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
#page-container > * {
width: 100%
}

View File

@ -3,7 +3,7 @@
</script>
<br style="margin-top: 20px">
<div class="hero is-dark is-small" id="footer">
<div class="hero is-dark is-small">
<div class="hero-body has-text-centered">
<p>Copyright &copy; {new Date().getFullYear()} LURE Web Contributors. Licensed under the <a class="has-text-link" href="https://www.gnu.org/licenses/agpl-3.0-standalone.html">AGPLv3</a>.</p>
<div class="is-size-4">