79 lines
1.0 KiB
79 lines
1.0 KiB
.search { |
|
box-sizing: border-box; |
|
padding-left: 38px; |
|
padding-right: 35px; |
|
width: 100%; |
|
height: 32px; |
|
margin: 12px 0; |
|
display: flex; |
|
justify-content: space-between; |
|
align-items: center; |
|
|
|
.legendbox { |
|
display: flex; |
|
align-items: center; |
|
color: #FFFFFF; |
|
flex: 1; |
|
|
|
.legendItem { |
|
display: flex; |
|
align-items: center; |
|
margin-right: 12px; |
|
|
|
div { |
|
width: 8px; |
|
height: 8px; |
|
margin-right: 3px; |
|
} |
|
} |
|
} |
|
|
|
form { |
|
flex: 1; |
|
height: 32px; |
|
display: flex; |
|
justify-content: flex-end; |
|
|
|
input { |
|
background: none; |
|
border: 1px solid #91ccff; |
|
color: #fff; |
|
} |
|
|
|
.searchParams { |
|
width: 35%; |
|
} |
|
|
|
.btn { |
|
margin-left: 16px; |
|
} |
|
} |
|
} |
|
|
|
.box { |
|
width: 100%; |
|
height: 100%; |
|
display: flex; |
|
flex-direction: column; |
|
} |
|
|
|
.tablebox { |
|
flex: 1; |
|
display: flex; |
|
flex-direction: column; |
|
align-items: center; |
|
overflow: hidden; |
|
} |
|
|
|
|
|
.green { |
|
color: #4BFFD4; |
|
} |
|
|
|
.yellow { |
|
color: #FFBD4B; |
|
} |
|
|
|
.red { |
|
color: #FF4B65; |
|
}
|
|
|