moepoi/moepoi.dev
moepoi/moepoi.dev
1
0
Fork 0
mirror of https://gitlab.com/moepoi/moepoi.dev.git synced 2025-03-31 10:47:10 +02:00
Code Issues Projects Releases Packages Wiki Activity

Fix loading image size

Browse source
This commit is contained in:
Moe Poi ~ 2022-06-05 23:02:26 +07:00
parent 4e6117cad5
commit ad3400cef0
1 changed files with 11 additions and 1 deletions

12
web/index.html
View file

@ -31,6 +31,16 @@
margin: 0; padding: 0;
position: fixed;
}
@media only screen and (min-device-width: 576px) {
.loading {
width: 100%;
}
}
@media only screen and (min-device-width: 1024px) {
.loading {
width: 40%;
}
}
#loading {
align-items: center;
display: flex;
@ -53,7 +63,7 @@
@keyframes breathe { from { transform: scale(1) } to { transform: scale(0.95)}}
@keyframes zooooom { from { transform: scale(1) } to { transform: scale(10)}}
</style>
<img src="icons/loading.webp" width="40%" alt="Loading..." />
<img class="loading" src="icons/loading.webp" alt="Loading..." />
</div>
<script>