@vtx/modals2 2.15.56 → 2.15.58

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 (114) hide show
  1. package/README.md +33 -33
  2. package/lib/style/index.less +8 -8
  3. package/lib/style/themes/dark.less +128 -128
  4. package/lib/style/themes/default.less +44 -44
  5. package/lib/style/themes/index.less +1 -1
  6. package/lib/vm-alarm-info/Components/index.less +43 -43
  7. package/lib/vm-alarm-info/style/index.less +16 -16
  8. package/lib/vm-alarm-situation/style/index.less +67 -67
  9. package/lib/vm-alarm-situation-pt/style/index.less +65 -65
  10. package/lib/vm-analysis-comparison/style/index.less +12 -12
  11. package/lib/vm-appraisal-info/style/index.less +136 -136
  12. package/lib/vm-base-list/style/index.less +39 -39
  13. package/lib/vm-button/style/index.less +20 -20
  14. package/lib/vm-charts/index.less +30 -30
  15. package/lib/vm-checkbox/style/index.less +25 -25
  16. package/lib/vm-container/style/index.less +30 -30
  17. package/lib/vm-correlation-comparison/style/index.less +13 -13
  18. package/lib/vm-custom/style/index.less +20 -20
  19. package/lib/vm-empty/style/index.less +23 -23
  20. package/lib/vm-iframe-modal/style/index.less +9 -9
  21. package/lib/vm-image-text/style/index.less +32 -32
  22. package/lib/vm-map/style/index.less +3 -3
  23. package/lib/vm-modal-table/style/index.less +23 -23
  24. package/lib/vm-radio/style/index.less +26 -26
  25. package/lib/vm-real-time-monitor/style/index.less +12 -12
  26. package/lib/vm-repair-maintain/style/index.less +115 -115
  27. package/lib/vm-round-content/style/index.less +33 -33
  28. package/lib/vm-select-device/style/index.less +16 -16
  29. package/lib/vm-sub-tabs/style/index.less +179 -179
  30. package/lib/vm-sub-title/style/index.less +69 -69
  31. package/lib/vm-video/index.less +36 -36
  32. package/lib/vtx-base-info/style/index.less +66 -66
  33. package/lib/vtx-base-modal/style/index.less +1097 -1097
  34. package/lib/vtx-car-modal/components/AlarmInfo/index.less +40 -40
  35. package/lib/vtx-car-modal/components/BaseInfo/index.less +290 -290
  36. package/lib/vtx-car-modal/components/Collection/index.less +18 -18
  37. package/lib/vtx-car-modal/components/DetailInfo/index.less +21 -21
  38. package/lib/vtx-car-modal/components/Maintenance/index.less +35 -35
  39. package/lib/vtx-car-modal/components/OilConsumption/OilLIne.js +2 -2
  40. package/lib/vtx-car-modal/components/OilConsumption/OilLIne.js.map +1 -1
  41. package/lib/vtx-car-modal/components/OilConsumption/index.js +1 -1
  42. package/lib/vtx-car-modal/components/OilConsumption/index.js.map +1 -1
  43. package/lib/vtx-car-modal/components/OilConsumption/index.less +39 -39
  44. package/lib/vtx-car-modal/components/StaticInfo/index.less +82 -82
  45. package/lib/vtx-car-modal/components/WaterConsumption/index.less +25 -25
  46. package/lib/vtx-car-modal/components/WorkInfo/index.less +66 -66
  47. package/lib/vtx-car-modal/style/index.less +8 -8
  48. package/lib/vtx-cc-cp-modal/components/OrderInfo/index.less +108 -108
  49. package/lib/vtx-cc-cp-modal/components/SyInfo/index.less +46 -46
  50. package/lib/vtx-cc-cp-modal/style/index.less +1 -1
  51. package/lib/vtx-cc-unit-modal/style/index.less +1 -1
  52. package/lib/vtx-cp-modal/components/AlarmInfo/index.less +109 -109
  53. package/lib/vtx-cp-modal/components/BaseInfo/index.less +156 -156
  54. package/lib/vtx-cp-modal/components/ExeceptionInfo/index.less +109 -109
  55. package/lib/vtx-cp-modal/components/SyInfo/index.less +47 -47
  56. package/lib/vtx-cp-modal/style/index.less +1 -1
  57. package/lib/vtx-default-modal/components/BaseInfo/index.less +38 -38
  58. package/lib/vtx-default-modal/style/index.less +1 -1
  59. package/lib/vtx-df-modal/components/BaseInfo/index.less +173 -173
  60. package/lib/vtx-df-modal/components/Metering/index.less +83 -83
  61. package/lib/vtx-df-modal/components/WorkCondition/index.less +136 -136
  62. package/lib/vtx-df-modal/style/index.less +1 -1
  63. package/lib/vtx-facility-modal/components/OverView/index.less +120 -120
  64. package/lib/vtx-facility-modal/style/index.less +1 -1
  65. package/lib/vtx-housing-estate-modal/components/Alarm/index.less +66 -66
  66. package/lib/vtx-housing-estate-modal/components/OverView/index.less +256 -256
  67. package/lib/vtx-housing-estate-modal/components/SPJK/index.less +6 -6
  68. package/lib/vtx-housing-estate-modal/components/TFRD/index.less +15 -15
  69. package/lib/vtx-housing-estate-modal/components/WGGS/index.less +38 -38
  70. package/lib/vtx-housing-estate-modal/components/WGXW/index.less +102 -102
  71. package/lib/vtx-housing-estate-modal/style/index.less +1 -1
  72. package/lib/vtx-kh-modal/components/BaseInfo/index.less +66 -66
  73. package/lib/vtx-kh-modal/style/index.less +1 -1
  74. package/lib/vtx-pump-modal/components/AlarmRecord/index.less +103 -103
  75. package/lib/vtx-pump-modal/components/Basic/index.less +74 -74
  76. package/lib/vtx-pump-modal/components/Sbxl/index.less +90 -90
  77. package/lib/vtx-pump-modal/components/Sjfx/index.less +60 -60
  78. package/lib/vtx-pump-modal/components/Sxyx/index.less +161 -161
  79. package/lib/vtx-pump-modal/style/index.less +1 -1
  80. package/lib/vtx-restaurant-modal/components/Alarm/index.less +35 -35
  81. package/lib/vtx-restaurant-modal/components/Collection/index.less +29 -29
  82. package/lib/vtx-restaurant-modal/components/QdBasic/Info.js +2 -11
  83. package/lib/vtx-restaurant-modal/components/QdBasic/Info.js.map +1 -1
  84. package/lib/vtx-restaurant-modal/config.js +3 -0
  85. package/lib/vtx-restaurant-modal/config.js.map +1 -1
  86. package/lib/vtx-restaurant-modal/style/index.less +1 -1
  87. package/lib/vtx-road-modal/components/BaseInfo/index.less +146 -146
  88. package/lib/vtx-road-modal/components/Statistical/index.less +112 -112
  89. package/lib/vtx-road-modal/style/index.less +1 -1
  90. package/lib/vtx-staff-modal/components/AlarmInfo/index.less +23 -23
  91. package/lib/vtx-staff-modal/components/Attendance/index.less +44 -44
  92. package/lib/vtx-staff-modal/components/BaseInfo/index.less +225 -225
  93. package/lib/vtx-staff-modal/components/DetailInfo/index.less +38 -38
  94. package/lib/vtx-staff-modal/components/Equipment/index.less +52 -52
  95. package/lib/vtx-staff-modal/components/StaticInfo/index.less +283 -283
  96. package/lib/vtx-staff-modal/style/index.less +1 -1
  97. package/lib/vtx-throw-point-modal/components/Alarm/index.less +69 -69
  98. package/lib/vtx-throw-point-modal/components/OverView/index.less +331 -331
  99. package/lib/vtx-throw-point-modal/components/SBZJ/index.less +92 -92
  100. package/lib/vtx-throw-point-modal/components/TFRD/index.less +15 -15
  101. package/lib/vtx-throw-point-modal/components/WGGS/index.less +38 -38
  102. package/lib/vtx-throw-point-modal/components/WGXW/index.less +102 -102
  103. package/lib/vtx-throw-point-modal/style/index.less +1 -1
  104. package/lib/vtx-wr-modal/components/AlarmInfo/index.less +106 -106
  105. package/lib/vtx-wr-modal/components/BaseInfo/index.less +142 -142
  106. package/lib/vtx-wr-modal/components/BaseInfoNew/index.less +570 -570
  107. package/lib/vtx-wr-modal/components/BaseInfoNew2/index.less +461 -461
  108. package/lib/vtx-wr-modal/components/Evaluate/index.less +124 -124
  109. package/lib/vtx-wr-modal/components/Monitor/index.less +82 -82
  110. package/lib/vtx-wr-modal/components/Score/index.less +134 -134
  111. package/lib/vtx-wr-modal/style/index.less +1 -1
  112. package/lib/vtx-zg-modal/components/BaseInfo/index.less +97 -97
  113. package/lib/vtx-zg-modal/style/index.less +1 -1
  114. package/package.json +1 -1
@@ -1,67 +1,67 @@
1
- .round-content {
2
- }
3
-
4
- .round {
5
- border: 2px solid #ccc;
6
- border-radius: 50%;
7
- width: 100px;
8
- height: 100px;
9
- background: #95f204;
10
- display: flex;
11
- justify-content: center;
12
- align-items: center;
13
- font-size: 24px;
14
- font-weight: 600;
15
- cursor: pointer;
16
- }
17
-
18
- .list-label {
19
- font-size: 14px;
20
- font-family: PingFang SC;
21
- font-weight: bold;
22
- color: var(--label-color);
23
- }
24
-
25
- .list-title {
26
- margin-bottom: 5px;
27
- }
28
-
29
- .list-value {
30
- font-size: 22px;
31
- font-family: DIN;
32
- font-weight: bold;
33
- color: var(--info-color);
34
- flex-shrink: 0;
35
- cursor: pointer;
36
- }
37
-
38
- .list-unit {
39
- font-size: 14px;
40
- margin-left: 5px;
41
- }
42
-
43
- .list-content {
44
- display: flex;
45
- justify-content: space-between;
46
- align-items: center;
47
- }
48
-
49
- .titleWrap {
50
- display: flex;
51
- justify-content: space-between;
52
- align-items: center;
53
- width: 100%;
54
- }
55
-
56
- .radio {
57
- display: flex;
58
- justify-content: flex-end;
59
- }
60
-
61
- .sub {
62
- .subIcon {
63
- margin-left: 4px;
64
- }
65
-
66
- color: var(--info-color);
67
- }
1
+ .round-content {
2
+ }
3
+
4
+ .round {
5
+ border: 2px solid #ccc;
6
+ border-radius: 50%;
7
+ width: 100px;
8
+ height: 100px;
9
+ background: #95f204;
10
+ display: flex;
11
+ justify-content: center;
12
+ align-items: center;
13
+ font-size: 24px;
14
+ font-weight: 600;
15
+ cursor: pointer;
16
+ }
17
+
18
+ .list-label {
19
+ font-size: 14px;
20
+ font-family: PingFang SC;
21
+ font-weight: bold;
22
+ color: var(--label-color);
23
+ }
24
+
25
+ .list-title {
26
+ margin-bottom: 5px;
27
+ }
28
+
29
+ .list-value {
30
+ font-size: 22px;
31
+ font-family: DIN;
32
+ font-weight: bold;
33
+ color: var(--info-color);
34
+ flex-shrink: 0;
35
+ cursor: pointer;
36
+ }
37
+
38
+ .list-unit {
39
+ font-size: 14px;
40
+ margin-left: 5px;
41
+ }
42
+
43
+ .list-content {
44
+ display: flex;
45
+ justify-content: space-between;
46
+ align-items: center;
47
+ }
48
+
49
+ .titleWrap {
50
+ display: flex;
51
+ justify-content: space-between;
52
+ align-items: center;
53
+ width: 100%;
54
+ }
55
+
56
+ .radio {
57
+ display: flex;
58
+ justify-content: flex-end;
59
+ }
60
+
61
+ .sub {
62
+ .subIcon {
63
+ margin-left: 4px;
64
+ }
65
+
66
+ color: var(--info-color);
67
+ }
@@ -1,65 +1,65 @@
1
- .round {
2
- border: 2px solid #ccc;
3
- border-radius: 50%;
4
- width: 100px;
5
- height: 100px;
6
- background: #95f204;
7
- display: flex;
8
- justify-content: center;
9
- align-items: center;
10
- font-size: 24px;
11
- font-weight: 600;
12
- cursor: pointer;
13
- }
14
-
15
- .list-label {
16
- font-size: 14px;
17
- font-family: PingFang SC;
18
- font-weight: bold;
19
- color: var(--info-color);
20
- }
21
-
22
- .list-title {
23
- margin-bottom: 5px;
24
- }
25
-
26
- .list-value {
27
- font-size: 22px;
28
- font-family: DIN;
29
- font-weight: bold;
30
- color: #252525;
31
- flex-shrink: 0;
32
- cursor: pointer;
33
- color: #1890ff;
34
- }
35
-
36
- .list-unit {
37
- font-size: 14px;
38
- margin-left: 5px;
39
- }
40
-
41
- .list-content {
42
- display: flex;
43
- justify-content: space-between;
44
- align-items: center;
45
- }
46
-
47
- .titleWrap {
48
- display: flex;
49
- justify-content: space-between;
50
- align-items: center;
51
- width: 100%;
52
- }
53
-
54
- .radio {
55
- display: flex;
56
- justify-content: flex-end;
57
- }
58
-
59
- .sub {
60
- .subIcon {
61
- margin-left: 4px;
62
- }
63
-
64
- color: var(--info-color);
65
- }
1
+ .round {
2
+ border: 2px solid #ccc;
3
+ border-radius: 50%;
4
+ width: 100px;
5
+ height: 100px;
6
+ background: #95f204;
7
+ display: flex;
8
+ justify-content: center;
9
+ align-items: center;
10
+ font-size: 24px;
11
+ font-weight: 600;
12
+ cursor: pointer;
13
+ }
14
+
15
+ .list-label {
16
+ font-size: 14px;
17
+ font-family: PingFang SC;
18
+ font-weight: bold;
19
+ color: var(--info-color);
20
+ }
21
+
22
+ .list-title {
23
+ margin-bottom: 5px;
24
+ }
25
+
26
+ .list-value {
27
+ font-size: 22px;
28
+ font-family: DIN;
29
+ font-weight: bold;
30
+ color: #252525;
31
+ flex-shrink: 0;
32
+ cursor: pointer;
33
+ color: #1890ff;
34
+ }
35
+
36
+ .list-unit {
37
+ font-size: 14px;
38
+ margin-left: 5px;
39
+ }
40
+
41
+ .list-content {
42
+ display: flex;
43
+ justify-content: space-between;
44
+ align-items: center;
45
+ }
46
+
47
+ .titleWrap {
48
+ display: flex;
49
+ justify-content: space-between;
50
+ align-items: center;
51
+ width: 100%;
52
+ }
53
+
54
+ .radio {
55
+ display: flex;
56
+ justify-content: flex-end;
57
+ }
58
+
59
+ .sub {
60
+ .subIcon {
61
+ margin-left: 4px;
62
+ }
63
+
64
+ color: var(--info-color);
65
+ }
@@ -1,12 +1,12 @@
1
- .analysis-comparison {
2
- position: relative;
3
- justify-content: space-around;
4
- .radio-time {
5
- position: absolute;
6
- top: -53px;
7
- right: 10px;
8
- }
9
- }
10
- .title {
11
- color: var(--label-color);
12
- }
1
+ .analysis-comparison {
2
+ position: relative;
3
+ justify-content: space-around;
4
+ .radio-time {
5
+ position: absolute;
6
+ top: -53px;
7
+ right: 10px;
8
+ }
9
+ }
10
+ .title {
11
+ color: var(--label-color);
12
+ }
@@ -1,136 +1,136 @@
1
- .appraisal {
2
- margin: 6px;
3
- &-head {
4
- padding: 14px 20px 0 14px;
5
- background-color: var(--bg-color2);
6
- border: 1px solid var(--bg-border-color2);
7
-
8
- display: flex;
9
- &-date {
10
- margin-left: 10px;
11
- }
12
- }
13
- &-content-list {
14
- padding: 14px 20px;
15
- background-color: var(--bg-color2);
16
- border: 1px solid var(--bg-border-color2);
17
-
18
- &-table {
19
- margin-top: 14px;
20
- min-height: 440px;
21
- }
22
- }
23
- &-content-chart {
24
- margin-top: 6px;
25
- }
26
-
27
- &-content-kh {
28
- height: 515px;
29
- background-color: var(--bg-color2);
30
- border: 1px solid var(--bg-border-color2);
31
-
32
- padding: 15px 20px;
33
-
34
- &-row {
35
- display: flex;
36
- justify-content: space-between;
37
- align-items: center;
38
- }
39
- &-item {
40
- display: flex;
41
- justify-content: start;
42
- align-items: center;
43
- img {
44
- width: 46px;
45
- height: 46px;
46
- margin-right: 12px;
47
- }
48
- &--name {
49
- color: var(--label-color);
50
- }
51
- &--value {
52
- color: var(--info-color);
53
- font-size: 12px;
54
- span {
55
- font-size: 22px;
56
- }
57
- }
58
- }
59
- &-top {
60
- margin-top: 24px;
61
- }
62
- &-topItem {
63
- display: flex;
64
- justify-content: space-between;
65
- align-items: center;
66
- color: var(--info-color);
67
- padding-right: 24px;
68
- margin-bottom: 16px;
69
- img {
70
- width: 23px;
71
- height: 25px;
72
- margin-right: 18px;
73
- }
74
- &-content {
75
- width: 300px;
76
- overflow: hidden;
77
- text-overflow: ellipsis;
78
- white-space: nowrap;
79
- }
80
- &-score {
81
- width: 60px;
82
- text-align: right;
83
- color: var(--info-warnning);
84
- }
85
- span {
86
- font-size: 20px;
87
- }
88
- }
89
- }
90
- &-content-zg {
91
- height: 515px;
92
- background-color: var(--bg-color2);
93
- padding: 15px 20px;
94
- border: 1px solid var(--bg-border-color2);
95
-
96
- &-base {
97
- display: flex;
98
- justify-content: start;
99
- align-items: center;
100
-
101
- &-item {
102
- display: flex;
103
- justify-content: start;
104
- align-items: center;
105
- margin-right: 48px;
106
- img {
107
- width: 46px;
108
- height: 46px;
109
- margin-right: 19px;
110
- }
111
- &--name {
112
- color: var(--label-color);
113
- }
114
- &--value {
115
- color: var(--info-color);
116
- font-size: 12px;
117
- span {
118
- font-size: 22px;
119
- }
120
- }
121
- }
122
- }
123
-
124
- &-wt {
125
- margin-top: 24px;
126
- }
127
- }
128
- }
129
- .ant-image-preview-mask,
130
- .ant-image-preview-wrap {
131
- background-color: rgba(0, 0, 0, 0.45) !important;
132
- }
133
-
134
- // .maskClass {
135
- // background-color: red;
136
- // }
1
+ .appraisal {
2
+ margin: 6px;
3
+ &-head {
4
+ padding: 14px 20px 0 14px;
5
+ background-color: var(--bg-color2);
6
+ border: 1px solid var(--bg-border-color2);
7
+
8
+ display: flex;
9
+ &-date {
10
+ margin-left: 10px;
11
+ }
12
+ }
13
+ &-content-list {
14
+ padding: 14px 20px;
15
+ background-color: var(--bg-color2);
16
+ border: 1px solid var(--bg-border-color2);
17
+
18
+ &-table {
19
+ margin-top: 14px;
20
+ min-height: 440px;
21
+ }
22
+ }
23
+ &-content-chart {
24
+ margin-top: 6px;
25
+ }
26
+
27
+ &-content-kh {
28
+ height: 515px;
29
+ background-color: var(--bg-color2);
30
+ border: 1px solid var(--bg-border-color2);
31
+
32
+ padding: 15px 20px;
33
+
34
+ &-row {
35
+ display: flex;
36
+ justify-content: space-between;
37
+ align-items: center;
38
+ }
39
+ &-item {
40
+ display: flex;
41
+ justify-content: start;
42
+ align-items: center;
43
+ img {
44
+ width: 46px;
45
+ height: 46px;
46
+ margin-right: 12px;
47
+ }
48
+ &--name {
49
+ color: var(--label-color);
50
+ }
51
+ &--value {
52
+ color: var(--info-color);
53
+ font-size: 12px;
54
+ span {
55
+ font-size: 22px;
56
+ }
57
+ }
58
+ }
59
+ &-top {
60
+ margin-top: 24px;
61
+ }
62
+ &-topItem {
63
+ display: flex;
64
+ justify-content: space-between;
65
+ align-items: center;
66
+ color: var(--info-color);
67
+ padding-right: 24px;
68
+ margin-bottom: 16px;
69
+ img {
70
+ width: 23px;
71
+ height: 25px;
72
+ margin-right: 18px;
73
+ }
74
+ &-content {
75
+ width: 300px;
76
+ overflow: hidden;
77
+ text-overflow: ellipsis;
78
+ white-space: nowrap;
79
+ }
80
+ &-score {
81
+ width: 60px;
82
+ text-align: right;
83
+ color: var(--info-warnning);
84
+ }
85
+ span {
86
+ font-size: 20px;
87
+ }
88
+ }
89
+ }
90
+ &-content-zg {
91
+ height: 515px;
92
+ background-color: var(--bg-color2);
93
+ padding: 15px 20px;
94
+ border: 1px solid var(--bg-border-color2);
95
+
96
+ &-base {
97
+ display: flex;
98
+ justify-content: start;
99
+ align-items: center;
100
+
101
+ &-item {
102
+ display: flex;
103
+ justify-content: start;
104
+ align-items: center;
105
+ margin-right: 48px;
106
+ img {
107
+ width: 46px;
108
+ height: 46px;
109
+ margin-right: 19px;
110
+ }
111
+ &--name {
112
+ color: var(--label-color);
113
+ }
114
+ &--value {
115
+ color: var(--info-color);
116
+ font-size: 12px;
117
+ span {
118
+ font-size: 22px;
119
+ }
120
+ }
121
+ }
122
+ }
123
+
124
+ &-wt {
125
+ margin-top: 24px;
126
+ }
127
+ }
128
+ }
129
+ .ant-image-preview-mask,
130
+ .ant-image-preview-wrap {
131
+ background-color: rgba(0, 0, 0, 0.45) !important;
132
+ }
133
+
134
+ // .maskClass {
135
+ // background-color: red;
136
+ // }
@@ -1,39 +1,39 @@
1
- .base-list {
2
- .title {
3
- border-bottom: 1px dashed #ccc !important;
4
- margin-bottom: 5px;
5
- }
6
- .list {
7
- display: flex;
8
- margin-bottom: 10px;
9
- .label {
10
- flex-shrink: 0;
11
- font-size: 14px;
12
- font-weight: bold;
13
- color: var(--label-color);
14
- }
15
- .value {
16
- font-size: 16px;
17
- font-weight: bold;
18
- color: var(--info-color);
19
- }
20
- &.horizontal {
21
- }
22
- &.vertical {
23
- display: flex;
24
- flex-direction: column;
25
- }
26
- }
27
-
28
- .openArrow {
29
- font-size: 14px;
30
- width: 100%;
31
- text-align: right;
32
- color: var(--sub-title-color);
33
- }
34
-
35
- .canClick {
36
- color: var(--sub-title-color) !important;
37
- cursor: pointer;
38
- }
39
- }
1
+ .base-list {
2
+ .title {
3
+ border-bottom: 1px dashed #ccc !important;
4
+ margin-bottom: 5px;
5
+ }
6
+ .list {
7
+ display: flex;
8
+ margin-bottom: 10px;
9
+ .label {
10
+ flex-shrink: 0;
11
+ font-size: 14px;
12
+ font-weight: bold;
13
+ color: var(--label-color);
14
+ }
15
+ .value {
16
+ font-size: 16px;
17
+ font-weight: bold;
18
+ color: var(--info-color);
19
+ }
20
+ &.horizontal {
21
+ }
22
+ &.vertical {
23
+ display: flex;
24
+ flex-direction: column;
25
+ }
26
+ }
27
+
28
+ .openArrow {
29
+ font-size: 14px;
30
+ width: 100%;
31
+ text-align: right;
32
+ color: var(--sub-title-color);
33
+ }
34
+
35
+ .canClick {
36
+ color: var(--sub-title-color) !important;
37
+ cursor: pointer;
38
+ }
39
+ }
@@ -1,20 +1,20 @@
1
- .button-common {
2
- display: inline-block;
3
- padding: 5px 10px;
4
- border-radius: 2px;
5
- cursor: pointer;
6
- font-weight: 500;
7
- }
8
-
9
- .vm-button {
10
- .button-common();
11
- background: var(--button-background-color--default);
12
- color: var(--button-text-color--defalut);
13
- }
14
-
15
- .vm-button--active {
16
- .button-common();
17
- background: var(--button-background-color--active);
18
- border: 1px solid #6ff3ff;
19
- color: var(--button-text-color--active);
20
- }
1
+ .button-common {
2
+ display: inline-block;
3
+ padding: 5px 10px;
4
+ border-radius: 2px;
5
+ cursor: pointer;
6
+ font-weight: 500;
7
+ }
8
+
9
+ .vm-button {
10
+ .button-common();
11
+ background: var(--button-background-color--default);
12
+ color: var(--button-text-color--defalut);
13
+ }
14
+
15
+ .vm-button--active {
16
+ .button-common();
17
+ background: var(--button-background-color--active);
18
+ border: 1px solid #6ff3ff;
19
+ color: var(--button-text-color--active);
20
+ }