1
0
dwelling-home/web/assets/css/mindflow_admin.css

49 lines
1.2 KiB
CSS

::placeholder { color: var(--primary-color); }
input[type=text],
select,
textarea {
background-color: var(--background-color);
border: none;
border-bottom: 1px solid var(--primary-color);
color: var(--text-color);
font: inherit;
max-width: 100%;
min-width: 100%; }
textarea { resize:vertical; }
form#add {
display: grid;
gap: .5rem;
grid-template-areas:
"b b b b"
"c t u a";
grid-template-columns: repeat(1fr, 3) .25fr;
max-width: 100%;
min-width: 100%;
width: 100%; }
form#add select { grid-area: c; }
form#add input[name="title"] { grid-area: t; }
form#add input[name="url"] { grid-area: u; }
form#add textarea[name="body"] { grid-area: b; }
form#add button[type="submit"] { grid-area: a; }
form.edit {
display: grid;
gap: .5rem;
grid-template-areas:
"b b b b b"
"c t u e d";
grid-template-columns: 1fr 1fr 1fr .25fr .25fr;
max-width: 100%;
min-width: 100%;
width: 100%; }
form.edit textarea { grid-area: b; }
form.edit select[name="category"] { grid-area: c; }
form.edit input[name="title"] { grid-area: t; }
form.edit input[name="url"] { grid-area: u; }
form.edit input[name="edit"] { grid-area: e; }
form.edit input[name="delete"] { grid-area: d; }