iot/spore-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: spinner animation

Browse Source
This commit is contained in:
0x1d
2025-10-16 22:19:24 +02:00
parent 3b2b596014
commit 07be307035
2 changed files with 23 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
public/scripts/components/FirmwareUploadComponent.js
View File

@@ -447,8 +447,7 @@ class FirmwareUploadComponent extends Component {
<div class="overlay-content"> <div class="overlay-content">
<div class="overlay-spinner"> <div class="overlay-spinner">
<svg class="spinner" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <svg class="spinner" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20z"/> <circle cx="12" cy="12" r="10"/>
<path d="M12 2a10 10 0 0 1 10 10"/>
</svg> </svg>
</div> </div>
<div class="overlay-text">Firmware upload in progress...</div> <div class="overlay-text">Firmware upload in progress...</div>

23
public/styles/main.css
View File

@@ -4184,7 +4184,28 @@ select.param-input:focus {
width: 48px; width: 48px;
height: 48px; height: 48px;
color: var(--accent-primary); color: var(--accent-primary);
animation: spin 1s linear infinite; }
.overlay-spinner .spinner circle {
animation: pulse 1.5s ease-in-out infinite;
stroke-dasharray: none;
stroke-dashoffset: 0;
transform-origin: center;
}
@keyframes pulse {
0% {
opacity: 0.3;
transform: scale(0.6);
}
50% {
opacity: 1;
transform: scale(1.0);
}
100% {
opacity: 0.3;
transform: scale(0.6);
}
} }
.overlay-text { .overlay-text {