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."
}
#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);

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

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