bronku/cake-order-tracker
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

date presets

Browse source
This commit is contained in:
bronkuu 2026-06-15 17:39:22 +02:00
parent 8d81940faf
commit e8ea70d61e
5 changed files with 101 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

74
server/static/form.css
View file

@ -17,49 +17,58 @@
}
}
.form-group {
.form-group,
.horizontal-group {
display: flex;
flex-direction: column;
gap: 0.25rem;
&.form-group {
flex-direction: column;
}
&.horizontal-group {
align-items: center;
}
}
label {
form {
& label {
font-size: 0.75rem;
font-weight: 600;
color: var(--on-surface-variant);
letter-spacing: 0.02em;
}
}
& input,
& select,
& textarea {
height: 2rem;
padding: 0 0.5rem;
border: 1px solid var(--outline-variant);
border-radius: var(--border-radius-sm);
background: var(--surface-container-lowest);
font-size: 0.75rem;
color: var(--on-surface);
outline: none;
transition: border-color var(--transition);
width: 100%;
.form-input {
height: 2rem;
padding: 0 0.5rem;
border: 1px solid var(--outline-variant);
border-radius: var(--border-radius-sm);
background: var(--surface-container-lowest);
font-size: 0.75rem;
color: var(--on-surface);
outline: none;
transition: border-color var(--transition);
width: 100%;
&:focus {
border-color: var(--primary);
}
&:focus {
border-color: var(--primary);
&::placeholder {
color: var(--on-surface-variant);
opacity: 0.6;
}
&:is(textarea) {
height: auto;
padding: 0.5rem;
resize: vertical;
}
&:is(select) {
appearance: auto;
}
}
&::placeholder {
color: var(--on-surface-variant);
opacity: 0.6;
}
}
textarea.form-input {
height: auto;
padding: 0.5rem;
resize: vertical;
}
select.form-input {
appearance: auto;
}
.form-card {
@ -80,3 +89,4 @@ select.form-input {
border-top: 1px solid var(--outline-variant);
margin-top: 0.5rem;
}