bge-ui 1.2.9 → 1.3.1
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/dist/index.js +1 -1
- package/dist/style.css +12 -12
- package/package.json +1 -1
- package/src/button/index.vue +5 -5
- package/src/dialog/index.vue +8 -8
package/dist/index.js
CHANGED
|
@@ -6481,7 +6481,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
6481
6481
|
if (value) {
|
|
6482
6482
|
setTimeout(() => {
|
|
6483
6483
|
opacity.value = 1;
|
|
6484
|
-
height.value =
|
|
6484
|
+
height.value = 48 + 64 + Number(DialogBody.value.offsetHeight);
|
|
6485
6485
|
});
|
|
6486
6486
|
}
|
|
6487
6487
|
}, {
|
package/dist/style.css
CHANGED
|
@@ -59,11 +59,11 @@
|
|
|
59
59
|
--btn-disable: var(--btn-violet-disable);
|
|
60
60
|
}
|
|
61
61
|
.bge-button.bge-button--opacity {
|
|
62
|
-
--color: var(--
|
|
63
|
-
--btn: var(
|
|
64
|
-
--btn-hover: var(
|
|
65
|
-
--btn-pressed: var(
|
|
66
|
-
--btn-disable: var(
|
|
62
|
+
--color: var(--tc-title);
|
|
63
|
+
--btn: var(--bg-opacity);
|
|
64
|
+
--btn-hover: var(--bg-opacity-hover);
|
|
65
|
+
--btn-pressed: var(--bg-opacity-hover);
|
|
66
|
+
--btn-disable: var(--bg-opacity);
|
|
67
67
|
}
|
|
68
68
|
.bge-button.bge-button--red {
|
|
69
69
|
--color: var(--persistent-white);
|
|
@@ -1015,11 +1015,11 @@ to {
|
|
|
1015
1015
|
top: 50%;
|
|
1016
1016
|
transform: translate(-50%, -50%);
|
|
1017
1017
|
height: 160px;
|
|
1018
|
-
padding:
|
|
1018
|
+
padding: 32px 0;
|
|
1019
1019
|
overflow: hidden;
|
|
1020
1020
|
}
|
|
1021
1021
|
.bge-dialog .bge-dialog__header {
|
|
1022
|
-
padding: 0
|
|
1022
|
+
padding: 0 32px;
|
|
1023
1023
|
line-height: 32px;
|
|
1024
1024
|
font-size: 20px;
|
|
1025
1025
|
font-weight: 600;
|
|
@@ -1033,8 +1033,8 @@ to {
|
|
|
1033
1033
|
display: flex;
|
|
1034
1034
|
justify-content: center;
|
|
1035
1035
|
align-items: center;
|
|
1036
|
-
height:
|
|
1037
|
-
width:
|
|
1036
|
+
height: 32px;
|
|
1037
|
+
width: 24px;
|
|
1038
1038
|
color: var(--tc-tertiary);
|
|
1039
1039
|
cursor: pointer;
|
|
1040
1040
|
}
|
|
@@ -1042,12 +1042,12 @@ to {
|
|
|
1042
1042
|
color: var(--tc-primary);
|
|
1043
1043
|
}
|
|
1044
1044
|
.bge-dialog .bge-dialog__body {
|
|
1045
|
-
padding: 16px
|
|
1045
|
+
padding: 16px 32px 0 32px;
|
|
1046
1046
|
max-height: calc(94vh - 86px);
|
|
1047
1047
|
color: var(--tc-secondary, #B2BAC2);
|
|
1048
|
-
font-size:
|
|
1048
|
+
font-size: 14px;
|
|
1049
1049
|
font-weight: 400;
|
|
1050
|
-
line-height:
|
|
1050
|
+
line-height: 24px;
|
|
1051
1051
|
}
|
|
1052
1052
|
.bge-dialog .bge-dialog__body.full {
|
|
1053
1053
|
padding: 16px 0;
|
package/package.json
CHANGED
package/src/button/index.vue
CHANGED
|
@@ -94,11 +94,11 @@ defineProps({
|
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
&.bge-button--opacity {
|
|
97
|
-
--color: var(--
|
|
98
|
-
--btn: var(
|
|
99
|
-
--btn-hover: var(
|
|
100
|
-
--btn-pressed: var(
|
|
101
|
-
--btn-disable: var(
|
|
97
|
+
--color: var(--tc-title);
|
|
98
|
+
--btn: var(--bg-opacity);
|
|
99
|
+
--btn-hover: var(--bg-opacity-hover);
|
|
100
|
+
--btn-pressed: var(--bg-opacity-hover);
|
|
101
|
+
--btn-disable: var(--bg-opacity);
|
|
102
102
|
}
|
|
103
103
|
|
|
104
104
|
&.bge-button--red {
|
package/src/dialog/index.vue
CHANGED
|
@@ -63,7 +63,7 @@ watch(() => [props.visible, props.resetState], ([value]) => {
|
|
|
63
63
|
if (value) {
|
|
64
64
|
setTimeout(() => {
|
|
65
65
|
opacity.value = 1
|
|
66
|
-
height.value =
|
|
66
|
+
height.value = 48 + 64 + Number(DialogBody.value.offsetHeight)
|
|
67
67
|
})
|
|
68
68
|
}
|
|
69
69
|
}, {
|
|
@@ -132,11 +132,11 @@ function close() {
|
|
|
132
132
|
top: 50%;
|
|
133
133
|
transform: translate(-50%, -50%);
|
|
134
134
|
height: 160px;
|
|
135
|
-
padding:
|
|
135
|
+
padding: 32px 0;
|
|
136
136
|
overflow: hidden;
|
|
137
137
|
|
|
138
138
|
.bge-dialog__header {
|
|
139
|
-
padding: 0
|
|
139
|
+
padding: 0 32px;
|
|
140
140
|
line-height: 32px;
|
|
141
141
|
font-size: 20px;
|
|
142
142
|
font-weight: 600;
|
|
@@ -150,8 +150,8 @@ function close() {
|
|
|
150
150
|
display: flex;
|
|
151
151
|
justify-content: center;
|
|
152
152
|
align-items: center;
|
|
153
|
-
height:
|
|
154
|
-
width:
|
|
153
|
+
height: 32px;
|
|
154
|
+
width: 24px;
|
|
155
155
|
color: var(--tc-tertiary);
|
|
156
156
|
cursor: pointer;
|
|
157
157
|
|
|
@@ -162,12 +162,12 @@ function close() {
|
|
|
162
162
|
}
|
|
163
163
|
|
|
164
164
|
.bge-dialog__body {
|
|
165
|
-
padding: 16px
|
|
165
|
+
padding: 16px 32px 0 32px;
|
|
166
166
|
max-height: calc(94vh - 86px);
|
|
167
167
|
color: var(--tc-secondary, #B2BAC2);
|
|
168
|
-
font-size:
|
|
168
|
+
font-size: 14px;
|
|
169
169
|
font-weight: 400;
|
|
170
|
-
line-height:
|
|
170
|
+
line-height: 24px;
|
|
171
171
|
|
|
172
172
|
&.full {
|
|
173
173
|
padding: 16px 0;
|