Device management

This commit is contained in:
Magnus Åhall 2026-02-26 21:37:26 +01:00
parent 5635c2af1a
commit b9a5437909
6 changed files with 294 additions and 9 deletions

View file

@ -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;
}
}
}