doesnm/quickshare
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(fe): enable loading during waiting

Browse source
This commit is contained in:
hexxa 2022-01-23 13:55:22 +08:00 • committed by Hexxa
parent 958872731a
commit 5a11463386
5 changed files with 276 additions and 168 deletions
Download patch file Download diff file Expand all files Collapse all files

50
public/static/css/default.css
View file

@ -503,11 +503,19 @@
clear: both;
}
.anm-rotate {
animation: trm-rotate 1s infinite linear;
.anm-rotate-s {
animation: trm-rotate-s 1s infinite linear;
}
@keyframes trm-rotate {
.anm-rotate-m {
animation: trm-rotate-m 1s infinite linear;
}
.anm-rotate-f {
animation: trm-rotate-f 1s infinite linear;
}
@keyframes trm-rotate-f {
20% {
transform: rotate(72deg);
}
@ -524,3 +532,39 @@
transform: rotate(360deg);
}
}
@keyframes trm-rotate-m {
20% {
transform: rotate(36deg);
}
40% {
transform: rotate(72deg);
}
60% {
transform: rotate(144deg);
}
80% {
transform: rotate(288deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes trm-rotate-s {
20% {
transform: rotate(18deg);
}
40% {
transform: rotate(36deg);
}
60% {
transform: rotate(72deg);
}
80% {
transform: rotate(144deg);
}
100% {
transform: rotate(360deg);
}
}

5
public/static/css/white.css
View file

@ -513,13 +513,14 @@
.theme-default #loading-container {
background-color: rgba(255, 255, 255, 1);
border-radius: 0.6rem;
border-radius: 3rem;
padding: 0.5rem;
position: fixed;
right: 2rem;
bottom: 2rem;
height: 3rem;
z-index: 201;
height: 5rem;
width: 5rem;
}
.theme-default #settings-layer {