Update static/index.html
Browse files- static/index.html +18 -0
static/index.html
CHANGED
|
@@ -344,6 +344,24 @@
|
|
| 344 |
display: block;
|
| 345 |
margin: auto;
|
| 346 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 347 |
</style>
|
| 348 |
</head>
|
| 349 |
<body>
|
|
|
|
| 344 |
display: block;
|
| 345 |
margin: auto;
|
| 346 |
}
|
| 347 |
+
#loadingSpinner {
|
| 348 |
+
border: 3px solid rgba(255, 255, 255, 0.3);
|
| 349 |
+
border-radius: 50%;
|
| 350 |
+
border-top: 5px solid #ffffff;
|
| 351 |
+
width: 20px;
|
| 352 |
+
height: 20px;
|
| 353 |
+
animation: spin 2s linear infinite;
|
| 354 |
+
position: relative;
|
| 355 |
+
top: 50%;
|
| 356 |
+
left: 50%;
|
| 357 |
+
transform: translate(-50%, -50%);
|
| 358 |
+
display: none; /* Initially hide the loading spinner */
|
| 359 |
+
}
|
| 360 |
+
|
| 361 |
+
@keyframes spin {
|
| 362 |
+
0% { transform: rotate(0deg); }
|
| 363 |
+
100% { transform: rotate(360deg); }
|
| 364 |
+
}
|
| 365 |
</style>
|
| 366 |
</head>
|
| 367 |
<body>
|