fix: Prevent React app flash by hiding static content with display: none

Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
This commit is contained in:
2026-01-02 20:52:07 +00:00
parent 407c995d9f
commit 649b8a0da4

View File

@@ -32,8 +32,8 @@
<script>document.documentElement.className = 'js-enabled';</script>
<style>
.js-enabled #root > * {
visibility: hidden;
.js-enabled .static-content {
display: none;
}
html {
overflow-y: scroll;
@@ -58,6 +58,7 @@
})();
</script>
<div id="root">
<div class="static-content">
<div class="container menu">
<p>
<a href="/">QotNews</a>
@@ -150,6 +151,7 @@
</div>
{% endif %}
</div>
</div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.