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

#formular -> form

Browse source
This commit is contained in:
Andreas Hnida 2024-03-21 17:14:18 +01:00
commit 9ab8731cab
1 changed files with 12 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

24
assets/scss/custom.scss
View file

@ -154,39 +154,39 @@ table .far {
} }
/* Formular */ /* Formular */
#formular { form {
max-width: 64rem; max-width: 64rem;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
#formular div { form div {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
#formular label { form label {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
font-size: 0.875rem; font-size: 0.875rem;
font-weight: 500; font-weight: 500;
color: #4B5563; color: #4B5563;
} }
#formular select, #formular input:not([type="checkbox"]), #formular textarea { form select, form input:not([type="checkbox"]), form textarea {
width: 100%; width: 100%;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border: 1px solid #D1D5DB; border: 1px solid #D1D5DB;
border-radius: 0.375rem; border-radius: 0.375rem;
} }
#formular select:focus, form select:focus,
#formular input:focus, form input:focus,
#formular textarea:focus { form textarea:focus {
outline: none; outline: none;
border-color: #3B82F6; border-color: #3B82F6;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5); box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5);
} }
#formular button, #notification { form button, #notification {
width:400px; width:400px;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-bottom:10px!important; margin-bottom:10px!important;
@ -197,20 +197,20 @@ table .far {
text-align:center; text-align:center;
} }
#formular .submitbutton { form .submitbutton {
background-color: #a9cd2e; background-color: #a9cd2e;
align-self: center; align-self: center;
} }
#formular button:hover { form button:hover {
background-color: #2563EB; background-color: #2563EB;
} }
#formular .submitbutton:hover { form .submitbutton:hover {
background-color: #88a625; background-color: #88a625;
} }
#formular .submitbutton:disabled { form .submitbutton:disabled {
background-color: #ccc; background-color: #ccc;
cursor: not-allowed; cursor: not-allowed;
} }