Update new input styling

This commit is contained in:
DaneEveritt 2022-07-02 17:24:24 -04:00
parent 7c4028f8f1
commit 25d61525b3
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
3 changed files with 45 additions and 8 deletions

View file

@ -12,10 +12,14 @@
}
.text_input {
@apply transition-all duration-75;
@apply bg-neutral-800 border-neutral-600 rounded px-4 py-2 outline-none;
@apply transition-shadow duration-75;
@apply w-full bg-neutral-800 rounded px-4 py-2 outline-none border-0;
&:focus {
@apply border-blue-600 ring-2 ring-blue-500;
&:focus, &:active {
@apply ring-4 ring-blue-300 ring-opacity-75;
}
&.loose {
@apply px-6 py-3;
}
}