Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-05-02 15:14:27 +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 { #progress-ring.indeterminate {
animation: spin 3s linear infinite; animation: spinner 3s linear infinite;
} }
#progress-ring.indeterminate circle { #progress-ring.indeterminate circle {
@ -130,13 +130,4 @@
.completed #progress-ring { .completed #progress-ring {
opacity: 0; opacity: 0;
} }
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
</style> </style>

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

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

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

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