+25
src/styles/App.css
+25
src/styles/App.css
···
368
368
display: flex;
369
369
align-items: center;
370
370
justify-content: center;
371
+
min-height: 100vh;
372
+
padding: 1rem;
371
373
}
372
374
373
375
.loading-text {
374
376
font-size: 1.25rem;
375
377
color: var(--text-color);
378
+
background-color: var(--white);
379
+
padding: 1.5rem 2rem;
380
+
border-radius: 0.5rem;
381
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
382
+
display: flex;
383
+
align-items: center;
384
+
gap: 0.75rem;
385
+
}
386
+
387
+
.loading-text::before {
388
+
content: "";
389
+
width: 1.5rem;
390
+
height: 1.5rem;
391
+
border: 2px solid var(--primary-color);
392
+
border-right-color: transparent;
393
+
border-radius: 50%;
394
+
animation: spin 1s linear infinite;
395
+
}
396
+
397
+
@keyframes spin {
398
+
to {
399
+
transform: rotate(360deg);
400
+
}
376
401
}
377
402
378
403
/* Footer styles */