fix: add willchange to loading spinner

This commit is contained in:
SethBurkart123
2024-01-26 11:43:21 +11:00
parent 4171762c37
commit e5c0a48ffd
+3
View File
@@ -54,18 +54,21 @@ export default function loading() {
} }
.big-circle { .big-circle {
margin: -88px; margin: -88px;
will-change: transform;
animation-timing-function: ease; animation-timing-function: ease;
animation: spin 3s linear infinite; animation: spin 3s linear infinite;
-moz-animation: spin 3s linear infinite; -moz-animation: spin 3s linear infinite;
} }
.small-circle { .small-circle {
margin: -66px; margin: -66px;
will-change: transform;
animation-timing-function: ease; animation-timing-function: ease;
animation: spin 3s linear infinite; animation: spin 3s linear infinite;
-moz-animation: spin 3s linear infinite; -moz-animation: spin 3s linear infinite;
} }
.outer-circle { .outer-circle {
margin: -108px; margin: -108px;
will-change: transform;
animation-direction: alternate-reverse; animation-direction: alternate-reverse;
animation: spinback 1s linear infinite; animation: spinback 1s linear infinite;
-moz-animation: spinback 1s linear infinite; -moz-animation: spinback 1s linear infinite;