From 6794dedf4f65f259cd2c453c495364654c3fcebd Mon Sep 17 00:00:00 2001 From: Egamorf Date: Sun, 18 May 2025 14:47:42 +0200 Subject: [PATCH] Fix loading icon --- .../Client/GameIdeas.BlazorApp/wwwroot/css/app.css | 8 ++++++-- .../Client/GameIdeas.BlazorApp/wwwroot/index.html | 7 +++---- 2 files changed, 9 insertions(+), 6 deletions(-) diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css index 837adf6..59d1e35 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css @@ -81,7 +81,7 @@ html, body, #app { content: "An error has occurred." } -#loading-progress { +.loading-progress { display: flex; width: 100vw; height: 100vh; @@ -90,7 +90,7 @@ html, body, #app { animation: loading-background 4s linear infinite; } - #loading-progress > #loading-icon { + .loading-progress > #loading-icon { max-width: 200px; max-height: 200px; animation: loading-icon 4s ease-in-out infinite; @@ -114,6 +114,10 @@ html, body, #app { text-decoration: none; } +:focus-visible { + outline: none; +} + @keyframes loading-background { 0% { background: rgb(0, 0, 0, 0.2); diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/index.html b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/index.html index 0b38306..737736d 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/index.html +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/index.html @@ -14,10 +14,9 @@
-
- -
- +
+ +