PRJ-Game-Ideas/game-ideas
3
0
Fork 0
Code Issues 4 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Fix loading icon
All checks were successful
Game Ideas build for PR / build_test (pull_request) Successful in 57s
Details

Browse Source
This commit is contained in:
Egamorf
2025-05-18 14:47:42 +02:00
parent 0bf064327b
commit 6794dedf4f
2 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css
View File

@@ -81,7 +81,7 @@ html, body, #app {
content: "An error has occurred." content: "An error has occurred."
} }
#loading-progress { .loading-progress {
display: flex; display: flex;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
@@ -90,7 +90,7 @@ html, body, #app {
animation: loading-background 4s linear infinite; animation: loading-background 4s linear infinite;
} }
#loading-progress > #loading-icon { .loading-progress > #loading-icon {
max-width: 200px; max-width: 200px;
max-height: 200px; max-height: 200px;
animation: loading-icon 4s ease-in-out infinite; animation: loading-icon 4s ease-in-out infinite;
@@ -114,6 +114,10 @@ html, body, #app {
text-decoration: none; text-decoration: none;
} }
:focus-visible {
outline: none;
}
@keyframes loading-background { @keyframes loading-background {
0% { 0% {
background: rgb(0, 0, 0, 0.2); background: rgb(0, 0, 0, 0.2);

7
src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/index.html
View File

@@ -14,10 +14,9 @@
<body> <body>
<div id="app"> <div id="app">
</div> <div class="loading-progress">
<img src="icon.png" alt="" id="loading-icon">
<div id="loading-progress"> </div>
<img src="icon.png" alt="" id="loading-icon">
</div> </div>
<div id="background"> <div id="background">