Fix page flickering
This commit is contained in:
parent
a0df472552
commit
bbe139f779
@ -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>
|
||||
|
16
src/app.scss
16
src/app.scss
@ -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%
|
||||
}
|
@ -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 © {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">
|
||||
|
Loading…
Reference in New Issue
Block a user