Device management
This commit is contained in:
parent
5635c2af1a
commit
b9a5437909
6 changed files with 294 additions and 9 deletions
|
|
@ -1,5 +1,5 @@
|
|||
:root {
|
||||
--header-background: #acbb78;
|
||||
--header-background: #e1eabe;
|
||||
--header-border: 1px solid #869a41;
|
||||
|
||||
--line-color: #ccc;
|
||||
|
|
@ -120,12 +120,21 @@ button {
|
|||
background-color: var(--header-background);
|
||||
|
||||
.device-select {
|
||||
display: grid;
|
||||
grid-template-columns: min-content min-content;
|
||||
align-items: center;
|
||||
|
||||
padding: 16px;
|
||||
border-right: var(--header-border);
|
||||
|
||||
.device-name {
|
||||
.label {
|
||||
grid-column: 1 / -1;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
img {
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
#search {
|
||||
|
|
@ -465,3 +474,49 @@ button {
|
|||
margin-top: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
#device-dialog {
|
||||
display: grid;
|
||||
grid-template-columns: min-content min-content;
|
||||
align-items: top;
|
||||
grid-gap: 16px;
|
||||
|
||||
.devices {
|
||||
display: flex;
|
||||
flex-direction:column;
|
||||
gap: 8px;
|
||||
align-items: flex-start;
|
||||
|
||||
.header {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.device {
|
||||
border: 1px solid #aaa;
|
||||
background-color: #f0f0f0;
|
||||
padding: 8px 16px;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
|
||||
&.selected {
|
||||
background-color: var(--header-background);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fields {
|
||||
display: grid;
|
||||
grid-template-columns: min-content 1fr;
|
||||
grid-gap: 8px 16px;
|
||||
align-items: center;
|
||||
|
||||
border: 1px solid #aaa;
|
||||
padding: 16px;
|
||||
|
||||
.actions {
|
||||
grid-column: 1 / -1;
|
||||
justify-self: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue