@dataloop-ai/components 0.16.54 → 0.16.56
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
CHANGED
|
@@ -8,16 +8,13 @@
|
|
|
8
8
|
data-test="root"
|
|
9
9
|
>
|
|
10
10
|
<div>
|
|
11
|
-
<
|
|
12
|
-
:style="iconStyle"
|
|
11
|
+
<dl-icon
|
|
13
12
|
data-test="icon"
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
/>
|
|
20
|
-
</div>
|
|
13
|
+
:style="iconStyle"
|
|
14
|
+
:icon="icon"
|
|
15
|
+
:color="iconColor"
|
|
16
|
+
size="24px"
|
|
17
|
+
/>
|
|
21
18
|
<span
|
|
22
19
|
class="text"
|
|
23
20
|
:style="textStyle"
|
|
@@ -27,6 +24,7 @@
|
|
|
27
24
|
v-if="closable"
|
|
28
25
|
class="close-btn"
|
|
29
26
|
data-test="close-btn"
|
|
27
|
+
:style="closeButtonStyle"
|
|
30
28
|
>
|
|
31
29
|
<dl-icon
|
|
32
30
|
class="close-btn-icon"
|
|
@@ -127,6 +125,7 @@ export default defineComponent({
|
|
|
127
125
|
const rootRef = ref(null)
|
|
128
126
|
const rootStyle = ref()
|
|
129
127
|
const iconStyle = ref()
|
|
128
|
+
const closeButtonStyle = ref()
|
|
130
129
|
|
|
131
130
|
onMounted(() => {
|
|
132
131
|
normalizeStyles(props.fluid)
|
|
@@ -157,7 +156,7 @@ export default defineComponent({
|
|
|
157
156
|
const rootS: Record<string, any> = {
|
|
158
157
|
backgroundColor: getColor(typeToBackgroundMap[type])
|
|
159
158
|
}
|
|
160
|
-
if (height >
|
|
159
|
+
if (height > 46) {
|
|
161
160
|
iconS.alignSelf = 'flex-start'
|
|
162
161
|
} else {
|
|
163
162
|
iconS.alignSelf = 'center'
|
|
@@ -169,6 +168,7 @@ export default defineComponent({
|
|
|
169
168
|
}
|
|
170
169
|
iconStyle.value = iconS
|
|
171
170
|
rootStyle.value = rootS
|
|
171
|
+
closeButtonStyle.value = iconS
|
|
172
172
|
})
|
|
173
173
|
}
|
|
174
174
|
|
|
@@ -185,6 +185,7 @@ export default defineComponent({
|
|
|
185
185
|
iconColor,
|
|
186
186
|
rootStyle,
|
|
187
187
|
iconStyle,
|
|
188
|
+
closeButtonStyle,
|
|
188
189
|
textStyle,
|
|
189
190
|
handleClose
|
|
190
191
|
}
|
|
@@ -218,7 +219,7 @@ export default defineComponent({
|
|
|
218
219
|
}
|
|
219
220
|
|
|
220
221
|
.close-btn {
|
|
221
|
-
padding-right:
|
|
222
|
+
padding-right: 10px;
|
|
222
223
|
padding-left: 10px;
|
|
223
224
|
align-items: var(--dl-alert-align-button, start);
|
|
224
225
|
}
|