added loading into finish button

This commit is contained in:
Burak Civan
2022-08-15 10:13:49 +03:00
parent c9dd7a9384
commit 2265809d82
3 changed files with 98 additions and 3 deletions

80
public/css/app.css vendored
View File

@ -9981,6 +9981,34 @@ input[type="date"]::-webkit-inner-spin-button,
-webkit-animation: submit 0.7s ease alternate infinite;
animation: submit 0.7s ease alternate infinite;
}
@-webkit-keyframes submit_second{
0%{
-webkit-box-shadow: 0 28px 0 -28px #55588b;
box-shadow: 0 28px 0 -28px #55588b;
}
100%{
-webkit-box-shadow: 0 28px 0 #55588b;
box-shadow: 0 28px 0 #55588b;
}
}
@keyframes submit_second{
0%{
-webkit-box-shadow: 0 28px 0 -28px #55588b;
box-shadow: 0 28px 0 -28px #55588b;
}
100%{
-webkit-box-shadow: 0 28px 0 #55588b;
box-shadow: 0 28px 0 #55588b;
}
}
.animate-submit_second{
-webkit-animation: submit_second 0.7s ease alternate infinite;
animation: submit_second 0.7s ease alternate infinite;
}
.cursor-auto{
cursor: auto;
}
@ -47306,6 +47334,27 @@ body{
animation: submit 0.7s ease alternate infinite;
}
@keyframes submit_second{
0%{
content: var(--tw-content);
-webkit-box-shadow: 0 28px 0 -28px #55588b;
box-shadow: 0 28px 0 -28px #55588b;
}
100%{
content: var(--tw-content);
-webkit-box-shadow: 0 28px 0 #55588b;
box-shadow: 0 28px 0 #55588b;
}
}
.before\:animate-submit_second::before{
content: var(--tw-content);
-webkit-animation: submit_second 0.7s ease alternate infinite;
animation: submit_second 0.7s ease alternate infinite;
}
.before\:rounded-full::before{
content: var(--tw-content);
border-radius: 9999px;
@ -47441,6 +47490,27 @@ body{
animation: submit 0.7s ease alternate infinite;
}
@keyframes submit_second{
0%{
content: var(--tw-content);
-webkit-box-shadow: 0 28px 0 -28px #55588b;
box-shadow: 0 28px 0 -28px #55588b;
}
100%{
content: var(--tw-content);
-webkit-box-shadow: 0 28px 0 #55588b;
box-shadow: 0 28px 0 #55588b;
}
}
.after\:animate-submit_second::after{
content: var(--tw-content);
-webkit-animation: submit_second 0.7s ease alternate infinite;
animation: submit_second 0.7s ease alternate infinite;
}
.after\:rounded-full::after{
content: var(--tw-content);
border-radius: 9999px;
@ -47693,6 +47763,16 @@ body{
background-color: rgb(197 217 186 / var(--tw-bg-opacity));
}
.disabled\:bg-gray-300:disabled{
--tw-bg-opacity: 1;
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.disabled\:bg-gray-100:disabled{
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.disabled\:opacity-50:disabled{
opacity: 0.5;
}