Improve domain fetch api

This commit is contained in:
2021-05-09 18:38:50 +02:00
parent 7bb9c67f52
commit 0dd6fcbf5e
2 changed files with 67 additions and 15 deletions

View File

@ -116,8 +116,8 @@ form {
form input,
form button,
a.button {
background-color: var(--bg);
a.button,
form div {
border: 1px solid var(--bg);
border-radius: 4px;
outline: none;
@ -130,6 +130,19 @@ a.button {
transition: border-color 0.125s, background-color 0.125s;
}
form input,
form button,
a.button {
background-color: var(--bg);
}
form div.error {
border-color: rgba(192, 0, 0, 0.75);
text-align: center;
color: #C00000;
padding: 1em;
}
a.button {
text-decoration: none;
text-align: center;
@ -152,15 +165,23 @@ form input::placeholder {
opacity: 1;
}
form input:focus,
form input:hover,
form button:focus,
form button:hover,
a.button:focus,
a.button:hover {
form input[invalid] {
border-color: rgba(192, 0, 0, 0.75);
}
form input:not(:disabled):focus,
form input:not(:disabled):hover,
form button:not(:disabled):focus,
form button:not(:disabled):hover,
a.button:not(:disabled):focus,
a.button:not(:disabled):hover {
border-color: rgba(255, 255, 255, 0.75);
}
form *:disabled {
cursor: not-allowed;
}
form button:active,
a.button:active {
background-color: rgba(224, 224, 224, 0.75);