lure/lure-web-old
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix page flickering

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app.html
View File

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

16
src/app.scss
View File

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

2
src/routes/footer.svelte
View File

@ -3,7 +3,7 @@
</script> </script>
<br style="margin-top: 20px"> <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"> <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> <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"> <div class="is-size-4">