78 lines
1.0 KiB
SCSS
78 lines
1.0 KiB
SCSS
@mixin infra-list($theme) {
|
|
|
|
.infra-list{
|
|
margin: 10px 5px;
|
|
background: white;
|
|
}
|
|
.pull-right{
|
|
flex: 1 1 auto;
|
|
}
|
|
mat-list-item:hover {
|
|
background: #e8eaf6;
|
|
cursor: pointer;
|
|
}
|
|
.mat-chip {
|
|
padding: 1px 13px;
|
|
}
|
|
|
|
}
|
|
.nav-item {
|
|
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
|
|
cursor: default;
|
|
|
|
&:hover {
|
|
transform: translate(0, -8px);
|
|
box-shadow: 0 20px 20px rgba(0, 0, 0, .16)
|
|
}
|
|
}
|
|
|
|
|
|
.infra-card {
|
|
width: 70%;
|
|
}
|
|
|
|
.grid-left-align {
|
|
position: absolute;
|
|
left: 5px;
|
|
}
|
|
|
|
.add-sensor-button {
|
|
position: absolute;
|
|
right: 1px;
|
|
}
|
|
|
|
.box{
|
|
float: left;
|
|
width: 13px;
|
|
height: 13px;
|
|
margin: 5px;
|
|
border: 1px solid rgba(0, 0, 0, .2);
|
|
}
|
|
|
|
.up{
|
|
background: green;
|
|
}
|
|
.down{
|
|
background: red;
|
|
}
|
|
.warn{
|
|
background: yellow;
|
|
}
|
|
.error{
|
|
background:red;
|
|
}
|
|
|
|
.form {
|
|
min-width: 150px;
|
|
max-width: 500px;
|
|
width: 100%;
|
|
}
|
|
|
|
.full-width {
|
|
width: 100%;
|
|
}
|
|
|
|
.search-result {
|
|
height: 80%;
|
|
overflow-y: scroll;
|
|
} |