IonicRinse.less
1.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
@import './common.less';
.IonicRinseCss{
padding: 0 45px;
.charts-margin{
margin-top:25px;
.chartCss{
height:500px;background:#2B2C2C;
}
@media screen and (min-width: 768px) {
.chartCss{
height:380px;background:#2B2C2C;
}
}
.numCss{
height:145px;background:#2B2C2C;display:flex;align-items:center;justify-content: center;
.numText{
font-size:30px;color:white;
}
}
.process{
height:210px;background:white;margin-top:20px;display:flex;align-items:center;justify-content: center;
}
.status-margin{
display:flex;margin-top:20px;
.statusText{
width:70px;line-height:25px;border:1px solid #797979;color:white;flex:1;font-size:14px;
}
.statusImg{
width:17px;height:19px;
}
}
}
.stopCss{
margin-top:25px;
margin-bottom:50px;
.stop-margin{
margin-top:25px;
.stopRow{
display:flex;justify-content:center;
.stopBox{
display:flex;margin-top:20px;
.stopText{
width:70px;line-height:25px;border:1px solid #797979;color:white;flex:1;font-size:14px;
}
}
}
}
}
}