This repository has no description
1.loading-container {
2 display: flex;
3 flex-direction: column;
4 align-items: center;
5 justify-content: center;
6 padding: 2rem;
7 min-height: 200px;
8}
9
10.loading-spinner {
11 width: 40px;
12 height: 40px;
13 border: 4px solid rgba(0, 0, 0, 0.1);
14 border-left-color: #0070f3;
15 border-radius: 50%;
16 animation: spin 1s linear infinite;
17 margin-bottom: 1rem;
18}
19
20@keyframes spin {
21 to {
22 transform: rotate(360deg);
23 }
24}
25
26.loading-message {
27 color: var(--text-color);
28 font-size: 1rem;
29 text-align: center;
30}
31
32/* Dark mode adjustments */
33.dark-mode .loading-spinner {
34 border-color: rgba(255, 255, 255, 0.1);
35 border-left-color: #0070f3;
36}