Henry-Hiles/Messaging
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added regex

Browse source
This commit is contained in:
Henry Hiles 2022-02-28 16:49:22 -05:00
parent 3a2704011c
commit 1fefb44b51
4 changed files with 47 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

13
public/style.css
View file

@ -36,6 +36,7 @@ body {
#rooms {
background-color: var(--secondary);
width: 0;
padding: 20px 0;
overflow: hidden;
align-items: center;
transition: width 0.6s, padding 0.6s;
@ -294,12 +295,16 @@ button:is(:disabled, :hover) {
display: flex;
}
:is(input[type="text"], textarea):required {
:required {
animation: shake 0.2s ease-in-out 0s 2;
border-color: red !important;
}
:is(input[type="text"], textarea):required::placeholder {
.required {
border-color: red !important;
}
:required::placeholder {
color: #f20000;
}
@ -313,12 +318,14 @@ button:is(:disabled, :hover) {
.input-field {
flex: 1;
background-color: #3b3b3b;
width: 100%;
color: #f5f5f5;
font-size: 1em;
}
.input-field::placeholder {
color: var(--secondary) !important;
color: #f5f5f5;
}
.input-field:not(:first-child) {