Обработка ситуации, когда нет данных в файле, или ошибка при загрузке
This commit is contained in:
@@ -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); }
|
||||
}
|
||||
Reference in New Issue
Block a user