ulgerang/tutor-service
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: prevent FOUC by hiding workspace and fading in after JS init

Browse Source
This commit is contained in:
user
2026-04-27 21:07:56 +09:00
parent 592b6b1254
commit c1d536d367
2 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
internal/webapp/static/app.js
View File

@@ -527,3 +527,6 @@ document.querySelectorAll(".lang-btn").forEach((btn) => {
window.renderAuth = renderAuth; window.renderAuth = renderAuth;
window.setLanguage = setLanguage; window.setLanguage = setLanguage;
renderAuth(); renderAuth();
requestAnimationFrame(() => {
document.documentElement.classList.add("is-ready");
});

5
internal/webapp/static/index.html
View File

@@ -5,6 +5,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Tutor Platform</title> <title>Tutor Platform</title>
<link rel="stylesheet" href="/assets/styles.css" /> <link rel="stylesheet" href="/assets/styles.css" />
<style>
html { opacity: 0; transition: opacity 0.15s ease; }
html.is-ready { opacity: 1; }
#workspace-view { display: none; }
</style>
</head> </head>
<body> <body>
<script> <script>