Improve forms
This commit is contained in:
@ -44,9 +44,9 @@
|
||||
transition: all 0.2s ease-out;
|
||||
} */
|
||||
|
||||
form label {
|
||||
/* form label {
|
||||
@apply dark:text-slate-400;
|
||||
}
|
||||
} */
|
||||
|
||||
.responsive-table {
|
||||
@apply dark:text-white mx-auto table-fixed;
|
||||
@ -90,37 +90,37 @@ form label {
|
||||
}
|
||||
}
|
||||
|
||||
form input,
|
||||
/* form input,
|
||||
select,
|
||||
textarea {
|
||||
@apply dark:border dark:border-slate-900 dark:bg-slate-500 dark:text-slate-100;
|
||||
}
|
||||
} */
|
||||
|
||||
form input:disabled,
|
||||
select:disabled,
|
||||
textarea:disabled {
|
||||
@apply dark:bg-slate-700 dark:text-slate-400;
|
||||
@apply dark:bg-slate-800 dark:text-slate-500 cursor-not-allowed;
|
||||
}
|
||||
|
||||
.errorlist {
|
||||
@apply mt-4 mb-1 pl-3 py-2 bg-red-600 text-slate-200 w-[300px];
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
/* @media screen and (min-width: 768px) {
|
||||
form input,
|
||||
select,
|
||||
textarea {
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
} */
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
/* @media screen and (max-width: 768px) {
|
||||
form input,
|
||||
select,
|
||||
textarea {
|
||||
width: 150px;
|
||||
}
|
||||
}
|
||||
} */
|
||||
|
||||
#button-container button {
|
||||
@apply mx-1;
|
||||
@ -169,3 +169,27 @@ textarea:disabled {
|
||||
|
||||
}
|
||||
} */
|
||||
|
||||
label {
|
||||
@apply dark:text-slate-500;
|
||||
}
|
||||
|
||||
[type="text"], [type="datetime-local"], [type="datetime"], [type="date"], [type="number"], select, textarea {
|
||||
@apply dark:bg-slate-600 dark:text-slate-300;
|
||||
}
|
||||
|
||||
[type="submit"] {
|
||||
@apply dark:text-white font-bold dark:bg-blue-600 px-4 py-2;
|
||||
}
|
||||
|
||||
form div label {
|
||||
@apply dark:text-white;
|
||||
}
|
||||
|
||||
form div {
|
||||
@apply flex flex-col;
|
||||
}
|
||||
|
||||
div [type="submit"] {
|
||||
@apply mt-3;
|
||||
}
|
||||
|
Reference in New Issue
Block a user