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:
17
src/main.css
17
src/main.css
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user