kimendisch/sbgg.jetzt
kimendisch/sbgg.jetzt
1
3
Fork 1
Code Issues 1 Pull Requests Projects Activity

🚚 make form feedback styles global

Browse Source
This commit is contained in:
DrMaxNix 2024-07-29 19:19:46 +02:00
parent 8932b35e3f
commit e9557b04f2
2 changed files with 32 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
page/start/style.css
View File

@ -22,37 +22,6 @@
}
}
.form-feedback {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
}
.form-feedback .centertext {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 0.5rem;
}
.form-feedback-wait {
color: var(--color-blue);
}
.form-feedback-success {
color: var(--color-green);
}
.form-feedback-failure {
color: var(--color-red);
}

33
page/style.css
View File

@ -770,12 +770,43 @@ input::placeholder {
color: var(--color-bg);
}
.form-feedback {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
}
.form-feedback .centertext {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 0.5rem;
}
.form-feedback-wait {
color: var(--color-blue);
}
.form-feedback-success {
color: var(--color-green);
}
.form-feedback-failure {
color: var(--color-red);
}
/* ANIMATION KIT */
.form-feedback .spinning {
.spinning {
animation-name: spinning;
animation-duration: 0.5s;
animation-iteration-count: infinite;