add loading overlay to button when sending signup
All checks were successful
deploy / build-and-deploy (push) Successful in 37s

This commit is contained in:
2025-12-08 20:07:53 +01:00
parent d0051a0bff
commit c408d5b787
2 changed files with 40 additions and 3 deletions

View File

@@ -39,3 +39,37 @@ h5,
h6 {
@apply font-minecraft;
}
@layer utilities {
.btn.loading-overlay {
@apply btn-disabled relative;
&::before,
&::after {
content: '';
box-sizing: border-box;
width: 30px;
height: 30px;
border-radius: 50%;
border: 2px solid #fff;
position: absolute;
animation: animloader 2s linear infinite;
}
&::after {
opacity: 0;
animation-delay: 1s;
}
}
}
@keyframes animloader {
0% {
transform: scale(0);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0;
}
}