Add spinner and loader styles to game_hex_marine_skin.css

Ivan23BG · Apr 16, 2024 · 7e60195 · 7e60195
1 parent 0dea856
commit 7e60195
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/src/main/game_ui/static/css/game_hex_marine_skin.css b/src/main/game_ui/static/css/game_hex_marine_skin.css
@@ -100,6 +100,30 @@ html {
     display: flex;
 }
 
+#spinner {
+    margin-left: 10px; /* Add some space between the spinner and the buttons */
+}
+
+.loader {
+    border: 8px solid #f3f3f3;
+    border-radius: 50%;
+    border-top: 8px solid #3498db;
+    width: 40px;
+    height: 40px;
+    -webkit-animation: spin 2s linear infinite; /* Safari */
+    animation: spin 2s linear infinite;
+}
+
+@-webkit-keyframes spin {
+    0% { -webkit-transform: rotate(0deg); }
+    100% { -webkit-transform: rotate(360deg); }
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
 .hexgame {
     margin: auto;
     width: 50%;