Обработка ситуации, когда нет данных в файле, или ошибка при загрузке

This commit is contained in:
Maxim
2026-06-18 15:14:37 +03:00
parent d8b25e188d
commit 6f7617b174
4 changed files with 114 additions and 8 deletions

View File

@@ -562,4 +562,59 @@
font-size: var(--font-size-xs);
color: #666;
min-width: 30px;
}
/* ===== ПУСТОЕ СОСТОЯНИЕ ===== */
.empty-state {
text-align: center;
padding: 60px 20px;
color: #88ffbb;
}
.empty-icon {
font-size: 48px;
margin-bottom: 16px;
opacity: 0.5;
}
.empty-message {
font-size: var(--font-size-xl);
font-family: var(--font-display);
letter-spacing: 0.05em;
margin-bottom: 8px;
color: #00ff88;
}
.empty-hint {
font-size: var(--font-size-base);
font-family: var(--font-mono);
opacity: 0.5;
color: #88ffbb;
}
/* ===== ЗАГРУЗКА ===== */
.loading-indicator {
text-align: center;
padding: 60px 20px;
color: #88ffbb;
font-family: var(--font-mono);
font-size: var(--font-size-lg);
opacity: 0.7;
}
.loading-indicator::after {
content: '';
display: inline-block;
width: 20px;
height: 20px;
margin-left: 12px;
border: 2px solid #00ff88;
border-top-color: transparent;
border-radius: 50%;
animation: spin 0.8s linear infinite;
vertical-align: middle;
}
@keyframes spin {
to { transform: rotate(360deg); }
}