This commit is contained in:
vastxie
2024-07-07 13:09:08 +08:00
parent 086e5aed3c
commit 4fef3663e4
1131 changed files with 11143 additions and 10769 deletions

74
public/admin/loading.css Normal file → Executable file
View File

@@ -4,71 +4,89 @@
.fantastic-admin-home {
position: absolute;
z-index: 10000;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex-direction: column;
user-select: none;
width: 100%;
height: 100%;
color: #736477;
user-select: none;
background-color: snow;
}
.fantastic-admin-home .loading {
--r1: 154%;
--r2: 68.5%;
width: 60px;
height: 60px;
border-radius: 50%;
background:
radial-gradient(var(--r1) var(--r2) at top, #0000 79.5%, #269af2 80%) center left,
radial-gradient(var(--r1) var(--r2) at bottom, #269af2 79.5%, #0000 80%) center center,
radial-gradient(var(--r1) var(--r2) at top, #0000 79.5%, #269af2 80%) center right,
#ccc;
background-size: 50.5% 220%;
background-position: -100% 0%, 0% 0%, 100% 0%;
background-repeat: no-repeat;
animation: p9 2s infinite linear;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
}
@keyframes p9 {
33% { background-position: 0% 33%, 100% 33%, 200% 33%; }
66% { background-position: -100% 66%, 0% 66%, 100% 66%; }
100% { background-position: 0% 100%, 100% 100%, 200% 100%; }
.fantastic-admin-home .loading .square {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
}
.fantastic-admin-home .loading .square::before {
width: 10px;
height: 10px;
content: "";
border: 3px solid #8c858f;
border-radius: 15%;
animation: square-to-dot-animation 2s linear infinite;
}
.fantastic-admin-home .loading .square:nth-child(1)::before {
animation-delay: calc(150ms * 1);
}
.fantastic-admin-home .loading .square:nth-child(2)::before {
animation-delay: calc(150ms * 2);
}
.fantastic-admin-home .loading .square:nth-child(3)::before {
animation-delay: calc(150ms * 3);
}
.fantastic-admin-home .loading .square:nth-child(4)::before {
animation-delay: calc(150ms * 4);
}
@keyframes square-to-dot-animation {
15%,
25% {
border-radius: 100%;
width: 0;
height: 0;
margin: 5px;
border-width: 5px;
border-radius: 100%;
}
40% {
border-radius: 15%;
width: 10px;
height: 10px;
margin: initial;
border-width: 3px;
border-radius: 15%;
}
}
.fantastic-admin-home .text {
position: relative;
font-size: 24px;
margin-top: 20px;
font-size: 24px;
}
.fantastic-admin-home .text::after {
content: "…";
position: absolute;
padding-left: 5px;
content: "…";
}