Implement options page

This commit is contained in:
hensm
2018-07-21 01:38:07 +01:00
parent 9f7bf780e5
commit c4ed13fb0b
8 changed files with 284 additions and 14 deletions

44
ext/src/options/index.css Normal file
View File

@@ -0,0 +1,44 @@
.category {
display: grid;
grid-template-columns: min-content min-content;
grid-column-gap: 20px;
grid-row-gap: 5px;
}
.category-name {}
.category-description {
color: graytext;
grid-column: span 2;
}
.option {
display: contents;
}
.option-label {
text-align: right;
white-space: nowrap;
display: inline-block;
}
.option > input {
align-self: center;
justify-self: flex-start;
}
#form {
display: flex;
flex-direction: column;
}
#buttons {
align-self: flex-end;
margin-block-start: 5px;
}
#buttons > :not(:last-child) {
margin-inline-end: 5px;
}
*:invalid {
box-shadow: 0 0 1.5px 1px red;
}