72 lines
988 B
SCSS
72 lines
988 B
SCSS
|
.sensors-page {
|
||
|
|
.sensors-head {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
flex: 1;
|
||
|
|
|
||
|
|
> button {
|
||
|
|
margin-left: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
section.content {
|
||
|
|
padding: 1rem;
|
||
|
|
|
||
|
|
> .box {
|
||
|
|
max-width: 50rem;
|
||
|
|
padding: 1rem;
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sensors-list {
|
||
|
|
.sensor-item {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
margin: 0.25rem 0;
|
||
|
|
|
||
|
|
&.head {
|
||
|
|
opacity: 0.75;
|
||
|
|
font-size: 85%;
|
||
|
|
}
|
||
|
|
|
||
|
|
> div {
|
||
|
|
flex-grow: 0;
|
||
|
|
flex-shrink: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
}
|
||
|
|
|
||
|
|
> .id {
|
||
|
|
flex: 0.3;
|
||
|
|
margin-right: 0.5rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
> .name {
|
||
|
|
margin-right: 0.5rem;
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
> .key {
|
||
|
|
display: flex;
|
||
|
|
flex: 1.5;
|
||
|
|
|
||
|
|
button {
|
||
|
|
border-top-left-radius: 0;
|
||
|
|
border-bottom-left-radius: 0;
|
||
|
|
padding: 0.25rem 0.5rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
> .actions {
|
||
|
|
flex: 2;
|
||
|
|
text-align: right;
|
||
|
|
|
||
|
|
button {
|
||
|
|
margin-left: 0.25rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|