@nikoyo-spa/style 1.2.1 → 1.2.3
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.
- package/package.json +1 -1
- package/src/ui.css +52 -58
package/package.json
CHANGED
package/src/ui.css
CHANGED
|
@@ -6,68 +6,66 @@ html, body, #root {
|
|
|
6
6
|
overflow: hidden;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
#root{
|
|
10
|
-
--el-color-primary:var(--color-main);
|
|
9
|
+
#root {
|
|
10
|
+
--el-color-primary: var(--color-main);
|
|
11
11
|
--el-color-primary-light-3: color-mix(in srgb, var(--el-color-primary) 80%, white);
|
|
12
12
|
--el-color-primary-light-5: color-mix(in srgb, var(--el-color-primary) 50%, white);
|
|
13
13
|
--el-color-primary-light-7: color-mix(in srgb, var(--el-color-primary) 30%, white);
|
|
14
14
|
--el-color-primary-light-8: color-mix(in srgb, var(--el-color-primary) 20%, white);
|
|
15
15
|
--el-color-primary-light-9: color-mix(in srgb, var(--el-color-primary) 10%, white);
|
|
16
16
|
--el-color-primary-dark-2: color-mix(in srgb, var(--el-color-primary) 30%, black);
|
|
17
|
-
|
|
18
17
|
--el-font-size-base: 13px;
|
|
19
|
-
--el-form-label-font-size:13px;
|
|
18
|
+
--el-form-label-font-size: 13px;
|
|
20
19
|
--el-text-color-regular: #000000;
|
|
20
|
+
--new-text-color-regular: #1c65df;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
#root:has(#header){
|
|
23
|
+
#root:has(#header) {
|
|
24
24
|
--navbar-height: 50px;
|
|
25
25
|
height: calc(100% - var(--navbar-height, 0px)) !important;
|
|
26
26
|
margin-top: var(--navbar-height, 0px) !important;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
#root:has(#menu){
|
|
29
|
+
#root:has(#menu) {
|
|
30
30
|
--navbar-width: 240px;
|
|
31
|
-
width: calc(100% - var(--navbar-width,0px)) !important;
|
|
32
|
-
margin-left: var(--navbar-width,0px) !important;
|
|
31
|
+
width: calc(100% - var(--navbar-width, 0px)) !important;
|
|
32
|
+
margin-left: var(--navbar-width, 0px) !important;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
#root
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
35
|
+
#root > .container {
|
|
36
|
+
width: 100%;
|
|
37
|
+
height: 100%;
|
|
38
|
+
max-height: unset !important;
|
|
39
|
+
max-width: unset !important;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
|
|
43
|
-
#
|
|
44
|
-
--new-text-color-regular:#1c65df;
|
|
45
|
-
}
|
|
46
|
-
.main{
|
|
47
|
-
background-color: #f5f7fa;
|
|
42
|
+
.main {
|
|
43
|
+
background-color: #f5f7fa;
|
|
48
44
|
}
|
|
49
45
|
|
|
50
|
-
.el-button{
|
|
46
|
+
.el-button {
|
|
51
47
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
52
48
|
}
|
|
53
|
-
.el-button.is-text{
|
|
49
|
+
.el-button.is-text {
|
|
54
50
|
box-shadow: none;
|
|
55
51
|
}
|
|
56
|
-
.el-pagination .el-button
|
|
52
|
+
.el-pagination .el-button,
|
|
53
|
+
.el-button.is-link,
|
|
54
|
+
.el-form-item .el-button {
|
|
57
55
|
box-shadow: none;
|
|
58
56
|
}
|
|
59
57
|
.el-pagination .el-button.is-link:hover {
|
|
60
58
|
color: var(--new-text-color-regular);
|
|
61
59
|
}
|
|
62
60
|
.el-button.is-link:hover {
|
|
63
|
-
--el-button-outline-color: rgb(159 67 18);
|
|
61
|
+
--el-button-outline-color: rgb(159, 67, 18);
|
|
64
62
|
}
|
|
65
63
|
|
|
66
64
|
.body-container {
|
|
67
|
-
|
|
65
|
+
padding: 8px 10px 10px 10px;
|
|
68
66
|
}
|
|
69
67
|
|
|
70
|
-
.tableStyle{
|
|
68
|
+
.tableStyle {
|
|
71
69
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
72
70
|
margin-top: 5px;
|
|
73
71
|
border-radius: 6px;
|
|
@@ -76,82 +74,78 @@ html, body, #root {
|
|
|
76
74
|
}
|
|
77
75
|
.tableStyle .el-pagination, .pagebar {
|
|
78
76
|
padding: 5px 13px 3px 13px;
|
|
79
|
-
border:
|
|
77
|
+
border: 0 solid #ebeef5;
|
|
80
78
|
border-top: 0;
|
|
81
79
|
}
|
|
82
80
|
.el-menu-item.is-active {
|
|
83
81
|
color: var(--color-main);
|
|
84
82
|
}
|
|
85
83
|
|
|
86
|
-
.boxStyle{
|
|
84
|
+
.boxStyle {
|
|
87
85
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
88
86
|
border-radius: 4px;
|
|
89
87
|
background-color: white;
|
|
90
88
|
padding: 5px 5px 0 5px;
|
|
91
89
|
}
|
|
92
90
|
|
|
93
|
-
.el-form--inline .el-form-item{
|
|
91
|
+
.el-form--inline .el-form-item {
|
|
94
92
|
margin-right: 0 !important;
|
|
95
93
|
}
|
|
96
|
-
.padding-16{
|
|
94
|
+
.padding-16 {
|
|
97
95
|
padding: 16px 16px 0 16px;
|
|
98
96
|
}
|
|
99
97
|
|
|
100
98
|
.tabContentStyle {
|
|
101
99
|
box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
|
|
102
100
|
padding: 1px;
|
|
103
|
-
border-radius:0 0 4px 4px;
|
|
104
|
-
-webkit-border-radius:0 0 4px 4px;
|
|
105
|
-
-moz-border-radius:0 0 4px 4px;
|
|
106
|
-
-ms-border-radius:0 0 4px 4px;
|
|
107
|
-
-o-border-radius:0 0 4px 4px;
|
|
101
|
+
border-radius: 0 0 4px 4px;
|
|
108
102
|
margin-bottom: 12px;
|
|
109
103
|
}
|
|
110
|
-
.tabContentStyle .pagebar{
|
|
111
|
-
border-top:1px solid var(--el-border-color);
|
|
104
|
+
.tabContentStyle .pagebar {
|
|
105
|
+
border-top: 1px solid var(--el-border-color);
|
|
112
106
|
}
|
|
113
107
|
|
|
114
|
-
.tableName{
|
|
108
|
+
.tableName {
|
|
115
109
|
padding: 5px 5px 5px 12px;
|
|
116
110
|
background: #f5f7fa;
|
|
117
111
|
border-radius: 4px 4px 0 0;
|
|
118
|
-
border:1px solid #ebeef5;
|
|
119
|
-
border-bottom:0;
|
|
112
|
+
border: 1px solid #ebeef5;
|
|
113
|
+
border-bottom: 0;
|
|
120
114
|
}
|
|
121
|
-
.tableName h3{
|
|
115
|
+
.tableName h3 {
|
|
122
116
|
margin: auto 0;
|
|
123
117
|
}
|
|
124
118
|
|
|
125
119
|
/* table */
|
|
126
120
|
.el-table--border td {
|
|
127
|
-
|
|
121
|
+
border-right: 1px solid transparent !important;
|
|
128
122
|
}
|
|
129
123
|
|
|
130
124
|
/* 查询条件折叠区 */
|
|
131
|
-
.el-collapse-item__header{
|
|
132
|
-
|
|
125
|
+
.el-collapse-item__header {
|
|
126
|
+
min-height: 32px !important;
|
|
133
127
|
}
|
|
134
|
-
.el-collapse-item__header.is-active{
|
|
135
|
-
|
|
128
|
+
.el-collapse-item__header.is-active {
|
|
129
|
+
border-bottom: 1px solid #ebeef5 !important;
|
|
136
130
|
}
|
|
137
|
-
.search-form .el-form-item{
|
|
138
|
-
|
|
131
|
+
.search-form .el-form-item {
|
|
132
|
+
margin-bottom: 5px !important;
|
|
139
133
|
}
|
|
140
|
-
.search-form
|
|
141
|
-
|
|
134
|
+
.search-form .button-group {
|
|
135
|
+
margin-bottom: 0 !important;
|
|
142
136
|
}
|
|
143
|
-
.search-form-pl{
|
|
144
|
-
|
|
137
|
+
.search-form-pl {
|
|
138
|
+
padding-left: 7px;
|
|
145
139
|
}
|
|
146
|
-
.queryConditionsTitle{
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
140
|
+
.queryConditionsTitle {
|
|
141
|
+
border-left: 5px solid var(--el-color-primary);
|
|
142
|
+
padding-left: 10px;
|
|
143
|
+
border-radius: 4px;
|
|
150
144
|
}
|
|
151
|
-
.search-form.el-button{
|
|
152
|
-
|
|
145
|
+
.search-form.el-button {
|
|
146
|
+
padding: 5px;
|
|
153
147
|
}
|
|
154
148
|
|
|
155
149
|
.el-select__wrapper {
|
|
156
|
-
|
|
150
|
+
font-size: 13px !important;
|
|
157
151
|
}
|