|
@ -417,12 +417,12 @@ const changePlate = (index: number) => { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.load-consumables { |
|
|
.load-consumables { |
|
|
margin: 0 8px; |
|
|
|
|
|
|
|
|
margin: 0 16px 12px 10px; |
|
|
padding: 0; |
|
|
padding: 0; |
|
|
height: 100px; |
|
|
height: 100px; |
|
|
font-size: 40px; |
|
|
font-size: 40px; |
|
|
border-radius: 10px; |
|
|
border-radius: 10px; |
|
|
margin-bottom: 15px; |
|
|
|
|
|
|
|
|
// margin-bottom: 15px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.move-liquid-area { |
|
|
.move-liquid-area { |
|
@ -451,12 +451,13 @@ const changePlate = (index: number) => { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.move-liquid-controller { |
|
|
.move-liquid-controller { |
|
|
|
|
|
|
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
flex-wrap: nowrap; |
|
|
flex-wrap: nowrap; |
|
|
|
|
|
|
|
|
.controller { |
|
|
.controller { |
|
|
width: 140px; |
|
|
|
|
|
|
|
|
width: 136px; |
|
|
height: 130px; |
|
|
height: 130px; |
|
|
color: #54a4e8; |
|
|
color: #54a4e8; |
|
|
border: 3px solid #54a4e8; |
|
|
border: 3px solid #54a4e8; |
|
@ -472,22 +473,26 @@ const changePlate = (index: number) => { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.controller-number { |
|
|
.controller-number { |
|
|
font-size: 30px; |
|
|
|
|
|
|
|
|
font-size: 26px; |
|
|
font-weight: 600; |
|
|
font-weight: 600; |
|
|
border-radius: 10px; |
|
|
border-radius: 10px; |
|
|
border: 3px solid #54a4e8; |
|
|
|
|
|
|
|
|
border: 2px solid #54a4e8; |
|
|
padding: 0 4px; |
|
|
padding: 0 4px; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.selected-controller { |
|
|
.selected-controller { |
|
|
background-color: #f0f9ff; |
|
|
|
|
|
|
|
|
// background-color: #f0f9ff; |
|
|
/* 高亮背景 */ |
|
|
/* 高亮背景 */ |
|
|
border-color: #007bff; |
|
|
|
|
|
|
|
|
border-color: #528dfe; |
|
|
/* 选中时边框颜色 */ |
|
|
/* 选中时边框颜色 */ |
|
|
background-color: #528dfe; |
|
|
background-color: #528dfe; |
|
|
color: #e9f1ff; |
|
|
color: #e9f1ff; |
|
|
/* 选中时文字颜色 */ |
|
|
/* 选中时文字颜色 */ |
|
|
|
|
|
.controller-number { |
|
|
|
|
|
background-color: #3D7AF1; |
|
|
|
|
|
border-color: #3D7AF1; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|