@vtx/components 3.1.34 → 3.1.35

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 (3) hide show
  1. package/lib/vtx-modal/style/index.css +1 -1
  2. package/lib/vtx-modal/style/index.less +95 -95
  3. package/package.json +1 -1
package/lib/vtx-modal/style/index.css CHANGED
@@ -27,7 +27,7 @@
27
27
  }
28
28
  .vtx-modal .vtx-modal-title .vtx-modal-title_name {
29
29
  width: 100%;
30
- color: #1890ff;
30
+ color: rgba(0, 0, 0, 0.85);
31
31
  }
32
32
  .vtx-modal .vtx-modal-title .vtx-modal-close,
33
33
  .vtx-modal .vtx-modal-title .vtx-modal-maximizeIcon {
package/lib/vtx-modal/style/index.less CHANGED
@@ -1,95 +1,95 @@
1
- @import (reference) '~antd/lib/style/themes/index.less';
2
-
3
- .vtx-modal-maxClass {
4
- .ant-modal {
5
- top: 0 !important;
6
- left: 0 !important;
7
- width: 100% !important;
8
- height: 100% !important;
9
- padding-bottom: 0 !important;
10
- overflow: hidden;
11
- }
12
- .ant-modal-body {
13
- height: e('calc(100% - 108px)') !important;
14
- }
15
- }
16
- .vtx-modal {
17
- .ant-modal {
18
- top: 10%;
19
- padding-bottom: 0;
20
- .ant-modal-content {
21
- height: 100%;
22
- .ant-modal-body {
23
- max-height: e('calc(100% - 108px)');
24
- padding: 20px 24px;
25
- overflow: auto;
26
- }
27
- }
28
- }
29
- .vtx-modal-title {
30
- position: relative;
31
- width: 100%;
32
- .vtx-modal-title_name {
33
- width: 100%;
34
- color: @primary-color;
35
- }
36
- .vtx-modal-close,
37
- .vtx-modal-maximizeIcon {
38
- position: absolute;
39
- top: -13px;
40
- right: -16px;
41
- p {
42
- position: absolute;
43
- top: 0;
44
- right: 0;
45
- z-index: 10;
46
- display: inline-block;
47
- width: 36px;
48
- height: 48px;
49
- color: @text-color-secondary;
50
- font-weight: 700;
51
- line-height: 48px;
52
- text-align: center;
53
- text-decoration: none;
54
- background: transparent;
55
- border: 0;
56
- outline: 0;
57
- cursor: pointer;
58
- -webkit-transition: color 0.3s ease;
59
- transition: color 0.3s ease;
60
- &:hover {
61
- color: @icon-color-hover;
62
- text-decoration: none;
63
- }
64
- }
65
- }
66
- .vtx-modal-maximizeIcon {
67
- right: 20px;
68
- }
69
- }
70
- }
71
-
72
- .vtx-modal-header-title {
73
- .vtx-modal-header-text {
74
- font-weight: 400;
75
- }
76
- .vtx-modal-header-text when(@theme=dark) {
77
- color: @text-color;
78
- }
79
- .vtx-modal-header-text when(@theme=default) {
80
- color: fade(@black, 65%);
81
- }
82
- .vtx-modal-header-text + .vtx-modal-header-subtitle {
83
- &::before {
84
- margin: 0 4px;
85
- font-weight: 400;
86
- content: '>';
87
- }
88
- &::before when(@theme=dark) {
89
- color: @text-color;
90
- }
91
- &::before when(@theme=default) {
92
- color: fade(@black, 65%);
93
- }
94
- }
95
- }
1
+ @import (reference) '~antd/lib/style/themes/index.less';
2
+
3
+ .vtx-modal-maxClass {
4
+ .ant-modal {
5
+ top: 0 !important;
6
+ left: 0 !important;
7
+ width: 100% !important;
8
+ height: 100% !important;
9
+ padding-bottom: 0 !important;
10
+ overflow: hidden;
11
+ }
12
+ .ant-modal-body {
13
+ height: e('calc(100% - 108px)') !important;
14
+ }
15
+ }
16
+ .vtx-modal {
17
+ .ant-modal {
18
+ top: 10%;
19
+ padding-bottom: 0;
20
+ .ant-modal-content {
21
+ height: 100%;
22
+ .ant-modal-body {
23
+ max-height: e('calc(100% - 108px)');
24
+ padding: 20px 24px;
25
+ overflow: auto;
26
+ }
27
+ }
28
+ }
29
+ .vtx-modal-title {
30
+ position: relative;
31
+ width: 100%;
32
+ .vtx-modal-title_name {
33
+ width: 100%;
34
+ color: @text-color;
35
+ }
36
+ .vtx-modal-close,
37
+ .vtx-modal-maximizeIcon {
38
+ position: absolute;
39
+ top: -13px;
40
+ right: -16px;
41
+ p {
42
+ position: absolute;
43
+ top: 0;
44
+ right: 0;
45
+ z-index: 10;
46
+ display: inline-block;
47
+ width: 36px;
48
+ height: 48px;
49
+ color: @text-color-secondary;
50
+ font-weight: 700;
51
+ line-height: 48px;
52
+ text-align: center;
53
+ text-decoration: none;
54
+ background: transparent;
55
+ border: 0;
56
+ outline: 0;
57
+ cursor: pointer;
58
+ -webkit-transition: color 0.3s ease;
59
+ transition: color 0.3s ease;
60
+ &:hover {
61
+ color: @icon-color-hover;
62
+ text-decoration: none;
63
+ }
64
+ }
65
+ }
66
+ .vtx-modal-maximizeIcon {
67
+ right: 20px;
68
+ }
69
+ }
70
+ }
71
+
72
+ .vtx-modal-header-title {
73
+ .vtx-modal-header-text {
74
+ font-weight: 400;
75
+ }
76
+ .vtx-modal-header-text when(@theme=dark) {
77
+ color: @text-color;
78
+ }
79
+ .vtx-modal-header-text when(@theme=default) {
80
+ color: fade(@black, 65%);
81
+ }
82
+ .vtx-modal-header-text + .vtx-modal-header-subtitle {
83
+ &::before {
84
+ margin: 0 4px;
85
+ font-weight: 400;
86
+ content: '>';
87
+ }
88
+ &::before when(@theme=dark) {
89
+ color: @text-color;
90
+ }
91
+ &::before when(@theme=default) {
92
+ color: fade(@black, 65%);
93
+ }
94
+ }
95
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vtx/components",
3
- "version": "3.1.34",
3
+ "version": "3.1.35",
4
4
  "description": "React components for Vortex",
5
5
  "keywords": [
6
6
  "react",