source: imaps-frontend/src/components/LoadingContainer/LoadingContainer.module.css@ 79a0317

main
Last change on this file since 79a0317 was 79a0317, checked in by stefan toskovski <stefantoska84@…>, 4 days ago

F4 Finalna Verzija

  • Property mode set to 100644
File size: 914 bytes
Line 
1.loading-container {
2 position: absolute; /* Confined to the parent container */
3 top: 0;
4 left: 0;
5 right: 0;
6 bottom: 0;
7 display: flex;
8 flex-direction: column;
9 align-items: center;
10 justify-content: center;
11 background-color: rgba(255, 255, 255, 0.1); /* Light overlay effect */
12 z-index: 10; /* Ensures it’s above other content inside the modal */
13 border-radius: inherit; /* Matches modal border-radius */
14 padding: 20px; /* Adds spacing inside modal */
15}
16.spinner {
17 border: 8px solid #f3f3f3;
18 border-top: 8px solid #1e90ff;
19 border-radius: 50%;
20 width: 60px;
21 height: 60px;
22 animation: spin 1s linear infinite;
23}
24
25@keyframes spin {
26 0% {
27 transform: rotate(0deg);
28 }
29 100% {
30 transform: rotate(360deg);
31 }
32}
33
34.loading-container p {
35 margin-top: 20px;
36 font-size: 18px;
37 color: #2c3e50;
38 font-weight: 500;
39}
Note: See TracBrowser for help on using the repository browser.