feat: add gentle loading fallback after 3 seconds

If no lesson loads within 3 seconds, show a centered, gray notice
with fade-in animation suggesting to select from menu or check help.
Includes link to help dialog.
This commit is contained in:
2025-12-30 20:57:54 +01:00
parent 109c2fadcf
commit 138918995b
3 changed files with 47 additions and 1 deletions

View File

@@ -241,6 +241,23 @@ code, kbd {
opacity: 0.3;
}
/* Loading fallback notice */
.loading-fallback {
text-align: center;
padding: 3rem 1rem;
color: var(--light-text);
animation: fadeIn 0.5s ease;
}
.loading-fallback p {
margin-bottom: 1rem;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.module-pill {
display: inline-flex;
align-items: center;