@vtx/modals2 2.15.44 → 2.15.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (106) hide show
  1. package/README.md +33 -33
  2. package/lib/style/index.less +8 -8
  3. package/lib/style/themes/dark.less +124 -124
  4. package/lib/style/themes/index.less +1 -1
  5. package/lib/vm-alarm-info/Components/index.less +43 -43
  6. package/lib/vm-alarm-info/style/index.less +16 -16
  7. package/lib/vm-alarm-situation/style/index.less +67 -67
  8. package/lib/vm-alarm-situation-pt/style/index.less +65 -65
  9. package/lib/vm-analysis-comparison/style/index.less +12 -12
  10. package/lib/vm-appraisal-info/style/index.less +136 -136
  11. package/lib/vm-base-list/style/index.less +39 -39
  12. package/lib/vm-button/style/index.less +20 -20
  13. package/lib/vm-charts/index.less +30 -30
  14. package/lib/vm-checkbox/style/index.less +25 -25
  15. package/lib/vm-container/style/index.less +30 -30
  16. package/lib/vm-correlation-comparison/style/index.less +13 -13
  17. package/lib/vm-custom/style/index.less +20 -20
  18. package/lib/vm-empty/style/index.less +23 -23
  19. package/lib/vm-iframe-modal/style/index.less +9 -9
  20. package/lib/vm-image-text/style/index.less +32 -32
  21. package/lib/vm-map/style/index.less +3 -3
  22. package/lib/vm-modal-table/style/index.less +23 -23
  23. package/lib/vm-radio/style/index.less +26 -26
  24. package/lib/vm-real-time-monitor/style/index.less +12 -12
  25. package/lib/vm-repair-maintain/style/index.less +115 -115
  26. package/lib/vm-round-content/style/index.less +33 -33
  27. package/lib/vm-select-device/style/index.less +16 -16
  28. package/lib/vm-sub-tabs/style/index.less +179 -179
  29. package/lib/vm-sub-title/style/index.less +68 -68
  30. package/lib/vm-video/index.less +36 -36
  31. package/lib/vtx-base-info/style/index.less +66 -66
  32. package/lib/vtx-base-modal/style/index.less +1075 -1075
  33. package/lib/vtx-car-modal/components/AlarmInfo/index.less +40 -40
  34. package/lib/vtx-car-modal/components/BaseInfo/index.less +290 -290
  35. package/lib/vtx-car-modal/components/Collection/index.less +18 -18
  36. package/lib/vtx-car-modal/components/DetailInfo/index.less +21 -21
  37. package/lib/vtx-car-modal/components/Maintenance/index.less +35 -35
  38. package/lib/vtx-car-modal/components/OilConsumption/index.less +39 -39
  39. package/lib/vtx-car-modal/components/StaticInfo/index.less +82 -82
  40. package/lib/vtx-car-modal/components/WaterConsumption/index.less +25 -25
  41. package/lib/vtx-car-modal/components/WorkInfo/index.less +66 -66
  42. package/lib/vtx-car-modal/style/index.less +8 -8
  43. package/lib/vtx-cc-cp-modal/components/OrderInfo/index.less +108 -108
  44. package/lib/vtx-cc-cp-modal/components/SyInfo/index.less +46 -46
  45. package/lib/vtx-cc-cp-modal/style/index.less +1 -1
  46. package/lib/vtx-cc-unit-modal/style/index.less +1 -1
  47. package/lib/vtx-cp-modal/components/AlarmInfo/index.less +109 -109
  48. package/lib/vtx-cp-modal/components/BaseInfo/index.less +156 -156
  49. package/lib/vtx-cp-modal/components/ExeceptionInfo/index.less +109 -109
  50. package/lib/vtx-cp-modal/components/SyInfo/index.less +47 -47
  51. package/lib/vtx-cp-modal/style/index.less +1 -1
  52. package/lib/vtx-default-modal/components/BaseInfo/index.less +38 -38
  53. package/lib/vtx-default-modal/style/index.less +1 -1
  54. package/lib/vtx-df-modal/components/BaseInfo/index.less +173 -173
  55. package/lib/vtx-df-modal/components/Metering/index.less +83 -83
  56. package/lib/vtx-df-modal/components/WorkCondition/index.less +136 -136
  57. package/lib/vtx-df-modal/style/index.less +1 -1
  58. package/lib/vtx-facility-modal/components/OverView/index.less +120 -120
  59. package/lib/vtx-facility-modal/style/index.less +1 -1
  60. package/lib/vtx-housing-estate-modal/components/Alarm/index.less +66 -66
  61. package/lib/vtx-housing-estate-modal/components/OverView/index.less +256 -256
  62. package/lib/vtx-housing-estate-modal/components/SPJK/index.less +6 -6
  63. package/lib/vtx-housing-estate-modal/components/TFRD/index.less +15 -15
  64. package/lib/vtx-housing-estate-modal/components/WGGS/index.less +38 -38
  65. package/lib/vtx-housing-estate-modal/components/WGXW/index.less +102 -102
  66. package/lib/vtx-housing-estate-modal/style/index.less +1 -1
  67. package/lib/vtx-kh-modal/components/BaseInfo/index.less +66 -66
  68. package/lib/vtx-kh-modal/style/index.less +1 -1
  69. package/lib/vtx-pump-modal/components/AlarmRecord/index.less +103 -103
  70. package/lib/vtx-pump-modal/components/Basic/index.less +74 -74
  71. package/lib/vtx-pump-modal/components/Sbxl/index.less +90 -90
  72. package/lib/vtx-pump-modal/components/Sjfx/index.less +60 -60
  73. package/lib/vtx-pump-modal/components/Sxyx/index.less +161 -161
  74. package/lib/vtx-pump-modal/style/index.less +1 -1
  75. package/lib/vtx-restaurant-modal/components/Alarm/index.less +35 -35
  76. package/lib/vtx-restaurant-modal/components/Collection/index.less +29 -29
  77. package/lib/vtx-restaurant-modal/style/index.less +1 -1
  78. package/lib/vtx-road-modal/components/BaseInfo/index.less +146 -146
  79. package/lib/vtx-road-modal/components/Statistical/index.less +112 -112
  80. package/lib/vtx-road-modal/style/index.less +1 -1
  81. package/lib/vtx-staff-modal/components/AlarmInfo/index.less +23 -23
  82. package/lib/vtx-staff-modal/components/Attendance/index.less +22 -22
  83. package/lib/vtx-staff-modal/components/BaseInfo/index.less +158 -158
  84. package/lib/vtx-staff-modal/components/DetailInfo/index.less +38 -38
  85. package/lib/vtx-staff-modal/components/Equipment/index.less +28 -28
  86. package/lib/vtx-staff-modal/style/index.less +1 -1
  87. package/lib/vtx-throw-point-modal/components/Alarm/index.less +69 -69
  88. package/lib/vtx-throw-point-modal/components/OverView/index.less +331 -331
  89. package/lib/vtx-throw-point-modal/components/SBZJ/index.less +92 -92
  90. package/lib/vtx-throw-point-modal/components/TFRD/index.less +15 -15
  91. package/lib/vtx-throw-point-modal/components/WGGS/index.less +38 -38
  92. package/lib/vtx-throw-point-modal/components/WGXW/index.less +102 -102
  93. package/lib/vtx-throw-point-modal/style/index.less +1 -1
  94. package/lib/vtx-wr-modal/components/AlarmInfo/index.less +106 -106
  95. package/lib/vtx-wr-modal/components/BaseInfo/index.less +142 -142
  96. package/lib/vtx-wr-modal/components/BaseInfoNew/index.less +570 -570
  97. package/lib/vtx-wr-modal/components/BaseInfoNew2/components/Alarm.js +2 -1
  98. package/lib/vtx-wr-modal/components/BaseInfoNew2/components/Alarm.js.map +1 -1
  99. package/lib/vtx-wr-modal/components/BaseInfoNew2/index.less +461 -461
  100. package/lib/vtx-wr-modal/components/Evaluate/index.less +124 -124
  101. package/lib/vtx-wr-modal/components/Monitor/index.less +82 -82
  102. package/lib/vtx-wr-modal/components/Score/index.less +134 -134
  103. package/lib/vtx-wr-modal/style/index.less +1 -1
  104. package/lib/vtx-zg-modal/components/BaseInfo/index.less +97 -97
  105. package/lib/vtx-zg-modal/style/index.less +1 -1
  106. package/package.json +124 -124
@@ -1,158 +1,158 @@
1
- .flex-start {
2
- display: flex;
3
- justify-content: start;
4
- align-items: start;
5
- }
6
-
7
- .staff-base {
8
- .flex-start();
9
- padding: 6px 10px;
10
-
11
- &-left {
12
- width: 481px;
13
- height: 100%;
14
- padding: 20px;
15
- margin-right: 10px;
16
- background-color: var(--bg-color2);
17
- border: 1px solid var(--bg-border-color2);
18
-
19
- &--text {
20
- color: var(--title-color2);
21
- margin-bottom: 19px;
22
- img {
23
- width: 19px;
24
- height: 20px;
25
- margin-right: 10px;
26
- }
27
- }
28
- &--online {
29
- width: 80px;
30
- height: 28px;
31
- float: right;
32
- margin-right: 39px;
33
- background: var(--block-bg-color2);
34
- border-radius: 14px;
35
- font-size: 14px;
36
- font-family: HiraginoSansGB-W3, HiraginoSansGB;
37
- font-weight: normal;
38
- color: var(--info-active3);
39
- text-align: center;
40
- line-height: 28px;
41
- }
42
- &--gif {
43
- margin: 48px auto;
44
- width: 298px;
45
- height: 323px;
46
- background-image: url('../../imgs/staff.png');
47
- background-repeat: no-repeat;
48
- background-size: 100% 100%;
49
-
50
- &-zhzf {
51
- background-image: url('../../imgs/zhzf.png');
52
- }
53
- &-yl {
54
- background-image: url('../../imgs/yl.png');
55
- }
56
- }
57
-
58
- &--pngs {
59
- &-item {
60
- display: flex;
61
- justify-content: center;
62
- align-items: center;
63
- margin-bottom: 24px;
64
- img {
65
- width: 64px;
66
- height: 64px;
67
- margin-right: 27px;
68
- }
69
-
70
- &-name {
71
- width: 100px;
72
- font-size: 12px;
73
- font-family: HiraginoSansGB-W3, HiraginoSansGB;
74
- color: var(--label-color);
75
- line-height: 18px;
76
- }
77
- &-value {
78
- width: 140px;
79
- color: var(--title-color);
80
- line-height: 32px;
81
- span {
82
- font-size: 22px;
83
- font-family: DINAlternate-Bold, DINAlternate;
84
- font-weight: bold;
85
- }
86
- }
87
- }
88
- }
89
- }
90
- &-right {
91
- width: calc(~'100% - 481px - 10px');
92
- display: flex;
93
- flex-wrap: wrap;
94
-
95
- &-base {
96
- // width: 320px;
97
- height: 362px;
98
- padding: 24px 20px 0 20px;
99
- // margin-right: 10px;
100
- background-color: var(--bg-color2);
101
- border: 1px solid var(--bg-border-color2);
102
- }
103
- &-right {
104
- padding: 24px 20px 8px 20px;
105
- // width: calc(~'100% - 320px - 20px');
106
- background-color: var(--bg-color2);
107
- border: 1px solid var(--bg-border-color2);
108
- }
109
- }
110
-
111
- .today-work {
112
- height: 282px;
113
- overflow-y: auto;
114
-
115
- &-item {
116
- padding: 10px 15px;
117
- font-size: 14px;
118
- line-height: 24px;
119
- width: 100%;
120
- background: var(--bg-color2);
121
- border-radius: 2px;
122
- border: var(--border);
123
- &--name {
124
- color: var(--label-color);
125
- }
126
- &--content {
127
- color: var(--title-color);
128
- }
129
- &--value {
130
- font-size: 16px;
131
- color: var(--info-active2);
132
- }
133
- }
134
- }
135
-
136
- &-static {
137
- &-head {
138
- display: flex;
139
- justify-content: space-between;
140
- align-items: center;
141
- }
142
- &-chart {
143
- height: 230px;
144
- width: 100%;
145
- }
146
- }
147
-
148
- .staff-wgfx {
149
- padding: 12px 20px;
150
- background-color: var(--bg-color2);
151
- border: 1px solid var(--bg-border-color2);
152
-
153
- &-content {
154
- height: 270px;
155
- width: 100%;
156
- }
157
- }
158
- }
1
+ .flex-start {
2
+ display: flex;
3
+ justify-content: start;
4
+ align-items: start;
5
+ }
6
+
7
+ .staff-base {
8
+ .flex-start();
9
+ padding: 6px 10px;
10
+
11
+ &-left {
12
+ width: 481px;
13
+ height: 100%;
14
+ padding: 20px;
15
+ margin-right: 10px;
16
+ background-color: var(--bg-color2);
17
+ border: 1px solid var(--bg-border-color2);
18
+
19
+ &--text {
20
+ color: var(--title-color2);
21
+ margin-bottom: 19px;
22
+ img {
23
+ width: 19px;
24
+ height: 20px;
25
+ margin-right: 10px;
26
+ }
27
+ }
28
+ &--online {
29
+ width: 80px;
30
+ height: 28px;
31
+ float: right;
32
+ margin-right: 39px;
33
+ background: var(--block-bg-color2);
34
+ border-radius: 14px;
35
+ font-size: 14px;
36
+ font-family: HiraginoSansGB-W3, HiraginoSansGB;
37
+ font-weight: normal;
38
+ color: var(--info-active3);
39
+ text-align: center;
40
+ line-height: 28px;
41
+ }
42
+ &--gif {
43
+ margin: 48px auto;
44
+ width: 298px;
45
+ height: 323px;
46
+ background-image: url('../../imgs/staff.png');
47
+ background-repeat: no-repeat;
48
+ background-size: 100% 100%;
49
+
50
+ &-zhzf {
51
+ background-image: url('../../imgs/zhzf.png');
52
+ }
53
+ &-yl {
54
+ background-image: url('../../imgs/yl.png');
55
+ }
56
+ }
57
+
58
+ &--pngs {
59
+ &-item {
60
+ display: flex;
61
+ justify-content: center;
62
+ align-items: center;
63
+ margin-bottom: 24px;
64
+ img {
65
+ width: 64px;
66
+ height: 64px;
67
+ margin-right: 27px;
68
+ }
69
+
70
+ &-name {
71
+ width: 100px;
72
+ font-size: 12px;
73
+ font-family: HiraginoSansGB-W3, HiraginoSansGB;
74
+ color: var(--label-color);
75
+ line-height: 18px;
76
+ }
77
+ &-value {
78
+ width: 140px;
79
+ color: var(--title-color);
80
+ line-height: 32px;
81
+ span {
82
+ font-size: 22px;
83
+ font-family: DINAlternate-Bold, DINAlternate;
84
+ font-weight: bold;
85
+ }
86
+ }
87
+ }
88
+ }
89
+ }
90
+ &-right {
91
+ width: calc(~'100% - 481px - 10px');
92
+ display: flex;
93
+ flex-wrap: wrap;
94
+
95
+ &-base {
96
+ // width: 320px;
97
+ height: 362px;
98
+ padding: 24px 20px 0 20px;
99
+ // margin-right: 10px;
100
+ background-color: var(--bg-color2);
101
+ border: 1px solid var(--bg-border-color2);
102
+ }
103
+ &-right {
104
+ padding: 24px 20px 8px 20px;
105
+ // width: calc(~'100% - 320px - 20px');
106
+ background-color: var(--bg-color2);
107
+ border: 1px solid var(--bg-border-color2);
108
+ }
109
+ }
110
+
111
+ .today-work {
112
+ height: 282px;
113
+ overflow-y: auto;
114
+
115
+ &-item {
116
+ padding: 10px 15px;
117
+ font-size: 14px;
118
+ line-height: 24px;
119
+ width: 100%;
120
+ background: var(--bg-color2);
121
+ border-radius: 2px;
122
+ border: var(--border);
123
+ &--name {
124
+ color: var(--label-color);
125
+ }
126
+ &--content {
127
+ color: var(--title-color);
128
+ }
129
+ &--value {
130
+ font-size: 16px;
131
+ color: var(--info-active2);
132
+ }
133
+ }
134
+ }
135
+
136
+ &-static {
137
+ &-head {
138
+ display: flex;
139
+ justify-content: space-between;
140
+ align-items: center;
141
+ }
142
+ &-chart {
143
+ height: 230px;
144
+ width: 100%;
145
+ }
146
+ }
147
+
148
+ .staff-wgfx {
149
+ padding: 12px 20px;
150
+ background-color: var(--bg-color2);
151
+ border: 1px solid var(--bg-border-color2);
152
+
153
+ &-content {
154
+ height: 270px;
155
+ width: 100%;
156
+ }
157
+ }
158
+ }
@@ -1,38 +1,38 @@
1
- .detail-main {
2
- .ant-collapse {
3
- color: var(--label-color);
4
- background-color: var(--bg-color2);
5
- }
6
- .ant-collapse-content {
7
- background-color: var(--bg-color2);
8
- }
9
- .ant-collapse > .ant-collapse-item > .ant-collapse-header {
10
- color: var(--label-color);
11
- }
12
- .ant-collapse {
13
- border: 1px solid var(--modal-border-color);
14
- }
15
- .ant-collapse > .ant-collapse-item {
16
- border-bottom: 1px solid var(--bg-border-color2);
17
- }
18
- .ant-collapse-content > .ant-collapse-content-box {
19
- border-bottom: 1px solid var(--modal-border-color);
20
- }
21
-
22
- .ant-upload-list-item {
23
- position: relative;
24
- height: 22.001px;
25
- margin-top: 0px !important;
26
- font-size: 14px;
27
- }
28
- .vtx-form-layout .vtx-form-item--view .ant-form-item-label > label {
29
- color: var(--label-color);
30
- }
31
- .vtx-form-layout .vtx-form-item--view .ant-form-item-control {
32
- color: var(--info-color);
33
- }
34
- }
35
- .service_desc {
36
- text-align: center;
37
- color: var(--info-color);
38
- }
1
+ .detail-main {
2
+ .ant-collapse {
3
+ color: var(--label-color);
4
+ background-color: var(--bg-color2);
5
+ }
6
+ .ant-collapse-content {
7
+ background-color: var(--bg-color2);
8
+ }
9
+ .ant-collapse > .ant-collapse-item > .ant-collapse-header {
10
+ color: var(--label-color);
11
+ }
12
+ .ant-collapse {
13
+ border: 1px solid var(--modal-border-color);
14
+ }
15
+ .ant-collapse > .ant-collapse-item {
16
+ border-bottom: 1px solid var(--bg-border-color2);
17
+ }
18
+ .ant-collapse-content > .ant-collapse-content-box {
19
+ border-bottom: 1px solid var(--modal-border-color);
20
+ }
21
+
22
+ .ant-upload-list-item {
23
+ position: relative;
24
+ height: 22.001px;
25
+ margin-top: 0px !important;
26
+ font-size: 14px;
27
+ }
28
+ .vtx-form-layout .vtx-form-item--view .ant-form-item-label > label {
29
+ color: var(--label-color);
30
+ }
31
+ .vtx-form-layout .vtx-form-item--view .ant-form-item-control {
32
+ color: var(--info-color);
33
+ }
34
+ }
35
+ .service_desc {
36
+ text-align: center;
37
+ color: var(--info-color);
38
+ }
@@ -1,28 +1,28 @@
1
- .staff-equip {
2
- padding: 10px;
3
- min-height: 530px;
4
- &-main {
5
- margin-bottom: 10px;
6
- padding: 20px;
7
- background-color: var(--bg-color2);
8
- border: 1px solid var(--bg-border-color2);
9
-
10
- &-item-wrap {
11
- padding-left: 20px;
12
- }
13
-
14
- &-item {
15
- // width: 50%;
16
- display: flex;
17
- justify-content: start;
18
- // margin-bottom: 8px;
19
- &-label {
20
- color: var(--label-color);
21
- margin-right: 8px;
22
- }
23
- &-value {
24
- color: var(--info-color);
25
- }
26
- }
27
- }
28
- }
1
+ .staff-equip {
2
+ padding: 10px;
3
+ min-height: 530px;
4
+ &-main {
5
+ margin-bottom: 10px;
6
+ padding: 20px;
7
+ background-color: var(--bg-color2);
8
+ border: 1px solid var(--bg-border-color2);
9
+
10
+ &-item-wrap {
11
+ padding-left: 20px;
12
+ }
13
+
14
+ &-item {
15
+ // width: 50%;
16
+ display: flex;
17
+ justify-content: start;
18
+ // margin-bottom: 8px;
19
+ &-label {
20
+ color: var(--label-color);
21
+ margin-right: 8px;
22
+ }
23
+ &-value {
24
+ color: var(--info-color);
25
+ }
26
+ }
27
+ }
28
+ }
@@ -1 +1 @@
1
- @import '../../style/index';
1
+ @import '../../style/index';
@@ -1,69 +1,69 @@
1
- @import '../../style/index';
2
-
3
- .@{prefix-cls}-alarm {
4
- height: 800px;
5
- padding: 10px;
6
- padding-top: 0;
7
- &-ldb {
8
- height: 768px;
9
- display: grid;
10
- grid-template-columns: 1fr 1fr;
11
- grid-template-rows: 1fr 1fr;
12
- gap: 10px;
13
- &-item {
14
- background: var(--bg-color2);
15
- border: 1px solid var(--bg-border-color2);
16
-
17
- padding: 10px;
18
- display: flex;
19
- flex-direction: column;
20
- }
21
- &-item2 {
22
- display: flex;
23
- flex-direction: column;
24
- gap: 10px;
25
- & > div {
26
- padding: 10px;
27
- flex: 1;
28
- background: var(--bg-color2);
29
- border: 1px solid var(--bg-border-color2);
30
- }
31
- }
32
- }
33
- .black-rank {
34
- display: flex;
35
- align-items: center;
36
- gap: 10px;
37
- padding-left: 50px;
38
- padding-right: 20px;
39
- color: var(--info-color);
40
- background: url('../../imgs/rank-bg.png') no-repeat;
41
- background-size: 100% 100%;
42
- &-name {
43
- font-size: 16px;
44
- }
45
- &-progress {
46
- width: 200px;
47
- height: 4px;
48
- position: relative;
49
- background-color: rgba(255, 255, 255, 0.2);
50
- border-right: 2px;
51
- &--active {
52
- position: absolute;
53
- top: 0;
54
- left: 0;
55
- bottom: 0;
56
- background: linear-gradient(90deg, #1b89ff, #51f2ff);
57
- border-radius: 2px;
58
- }
59
- }
60
- &-rank {
61
- font-size: 24px;
62
- color: #4debff;
63
- margin-right: 4px;
64
- }
65
- &-total {
66
- margin-left: 4px;
67
- }
68
- }
69
- }
1
+ @import '../../style/index';
2
+
3
+ .@{prefix-cls}-alarm {
4
+ height: 800px;
5
+ padding: 10px;
6
+ padding-top: 0;
7
+ &-ldb {
8
+ height: 768px;
9
+ display: grid;
10
+ grid-template-columns: 1fr 1fr;
11
+ grid-template-rows: 1fr 1fr;
12
+ gap: 10px;
13
+ &-item {
14
+ background: var(--bg-color2);
15
+ border: 1px solid var(--bg-border-color2);
16
+
17
+ padding: 10px;
18
+ display: flex;
19
+ flex-direction: column;
20
+ }
21
+ &-item2 {
22
+ display: flex;
23
+ flex-direction: column;
24
+ gap: 10px;
25
+ & > div {
26
+ padding: 10px;
27
+ flex: 1;
28
+ background: var(--bg-color2);
29
+ border: 1px solid var(--bg-border-color2);
30
+ }
31
+ }
32
+ }
33
+ .black-rank {
34
+ display: flex;
35
+ align-items: center;
36
+ gap: 10px;
37
+ padding-left: 50px;
38
+ padding-right: 20px;
39
+ color: var(--info-color);
40
+ background: url('../../imgs/rank-bg.png') no-repeat;
41
+ background-size: 100% 100%;
42
+ &-name {
43
+ font-size: 16px;
44
+ }
45
+ &-progress {
46
+ width: 200px;
47
+ height: 4px;
48
+ position: relative;
49
+ background-color: rgba(255, 255, 255, 0.2);
50
+ border-right: 2px;
51
+ &--active {
52
+ position: absolute;
53
+ top: 0;
54
+ left: 0;
55
+ bottom: 0;
56
+ background: linear-gradient(90deg, #1b89ff, #51f2ff);
57
+ border-radius: 2px;
58
+ }
59
+ }
60
+ &-rank {
61
+ font-size: 24px;
62
+ color: #4debff;
63
+ margin-right: 4px;
64
+ }
65
+ &-total {
66
+ margin-left: 4px;
67
+ }
68
+ }
69
+ }