Delete device, better device edit dialog

This commit is contained in:
Magnus Åhall 2026-02-26 22:34:13 +01:00
parent e92022f1f1
commit 06054c8d39
4 changed files with 155 additions and 30 deletions

View file

@ -35,6 +35,7 @@ html {
*:after {
box-sizing: inherit;
}
*:focus {
outline: none;
}
@ -150,6 +151,7 @@ button {
&.show {
border-right: var(--header-border);
&>* {
display: initial;
}
@ -478,31 +480,58 @@ button {
#device-dialog {
display: grid;
grid-template-columns: min-content min-content;
align-items: top;
align-items: start;
grid-gap: 16px;
.devices {
display: flex;
flex-direction:column;
flex-direction: column;
gap: 8px;
align-items: flex-start;
min-height: 256px;
height: 75vh;
.header {
width: 100%;
display: grid;
grid-template-columns: 1fr min-content;
margin-bottom: 8px;
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);
.filter {
grid-column: 1 / -1;
margin-top: 8px;
margin-bottom: 8px;
}
}
.device-list {
overflow-y: auto;
min-width: 256px;
justify-items: start;
.device {
border: 1px solid #aaa;
background-color: #f0f0f0;
padding: 8px 16px;
border-radius: 8px;
cursor: pointer;
user-select: none;
white-space: nowrap;
margin-bottom: 16px;
margin-right: 16px;
&.selected {
background-color: var(--header-background);
}
&.filtered {
display: none;
}
}
}
}
.fields {