rabeweb/website
9
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added custom styles for captcha

Browse source
This commit is contained in:
Andreas Hnida 2024-04-26 23:18:44 +02:00
commit 97f1f7c62d
1 changed files with 59 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

61
assets/scss/custom.scss
View file

@ -21,7 +21,7 @@ body.env-development::after {
font-size: 8px;
background-color: #24ff5d;
left: 30px;
padding: 7px 10px;
padding: 6px 10px;
color: #000;
}
@ -283,7 +283,7 @@ form button,
width: 400px;
padding: 0.5rem 1rem;
margin-bottom: 10px !important;
margin-top: 10px;
margin-top: 00px;
margin-left: auto;
margin-right: auto;
border-radius: 0.375rem;
@ -589,3 +589,60 @@ form .submitbutton:disabled {
.verua-slider-wrapper a:hover {
background: #017f;
}
/****** Spinner ******/
.svg-spin {
text-align: center;
margin: auto;
animation: spin 2s linear infinite;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.submitbutton {
display: inline-flex; /* Use flexbox for easier centering */
justify-content: center; /* Center content horizontally */
align-items: center;
height: 44px;
}
.captcha-container {
width: 80%;
padding: 0 !important;
}
.captcha {
width: 100%;
}
.captcha-refresh {
background: #2ca4e1 !important;
color: white !important;
border: none !important;
width: 48% !important;
margin: auto;
}
.captcha-refresh:hover {
background: #1a7a9c !important;
}
.captcha-verify {
background: #a9cd2e !important;
color: white !important;
border: none !important;
margin: auto;
width: 48% !important;
}
.captcha-verify:hover {
background: #6c8420 !important;
}
.captcha-buttons {
display: flex;
justify-content: space-between;
margin-top: 10px;
}