Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-04-29 22:14:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

web/layout: global spinner animation

Browse Source
This commit is contained in:
wukko 2025-03-06 17:22:08 +06:00
parent 0bee4b1ade
commit d8b274f554
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
3 changed files with 12 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/components/queue/ProcessingStatus.svelte
View File

@ -120,7 +120,7 @@
}
#progress-ring.indeterminate {
animation: spin 3s linear infinite;
animation: spinner 3s linear infinite;
}
#progress-ring.indeterminate circle {
@ -130,13 +130,4 @@
.completed #progress-ring {
opacity: 0;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
</style>

13
web/src/components/save/OmniboxIcon.svelte
View File

@ -79,11 +79,11 @@
}
.spinner-icon.animated :global(svg) {
animation: spin 0.7s infinite linear;
animation: spinner 0.7s infinite linear;
}
.loading .link-icon :global(svg) {
animation: spin 0.7s linear;
animation: spinner 0.7s linear;
}
.loading .link-icon {
@ -95,13 +95,4 @@
transform: none;
opacity: 1;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>

9
web/src/routes/+layout.svelte
View File

@ -635,4 +635,13 @@
animation: none !important;
transition: none !important;
}
@keyframes -global-spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>