@dataloop-ai/components 0.13.11 → 0.13.13
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
|
@@ -59,6 +59,7 @@ export default defineComponent({
|
|
|
59
59
|
width: { type: [Number, String], default: 400 },
|
|
60
60
|
height: { type: [Number, String], default: 'fit-content' },
|
|
61
61
|
fullscreen: Boolean,
|
|
62
|
+
separators: { type: Boolean, default: true },
|
|
62
63
|
position: {
|
|
63
64
|
type: String as PropType<'left' | 'right' | 'center'>,
|
|
64
65
|
default: 'center'
|
|
@@ -78,7 +79,10 @@ export default defineComponent({
|
|
|
78
79
|
return {
|
|
79
80
|
'--dl-backdrop-color': this.hasParent
|
|
80
81
|
? 'transparent'
|
|
81
|
-
: 'rgba(0, 0, 0, 0.4)'
|
|
82
|
+
: 'rgba(0, 0, 0, 0.4)',
|
|
83
|
+
'--dl-dialog-separator': this.separators
|
|
84
|
+
? '1px solid var(--dl-color-separator)'
|
|
85
|
+
: 'none'
|
|
82
86
|
}
|
|
83
87
|
},
|
|
84
88
|
hasParent(): boolean {
|
|
@@ -166,9 +170,8 @@ export default defineComponent({
|
|
|
166
170
|
|
|
167
171
|
&--fullscreen {
|
|
168
172
|
margin: 0;
|
|
169
|
-
width: 100vw;
|
|
170
|
-
height: 100vh;
|
|
171
|
-
max-width: 100vw !important;
|
|
173
|
+
width: 100vw !important;
|
|
174
|
+
height: 100vh !important;
|
|
172
175
|
border-radius: 0px;
|
|
173
176
|
}
|
|
174
177
|
&--right {
|
|
@@ -184,7 +187,7 @@ export default defineComponent({
|
|
|
184
187
|
.header {
|
|
185
188
|
display: flex;
|
|
186
189
|
padding: 16px;
|
|
187
|
-
border-bottom:
|
|
190
|
+
border-bottom: var(--dl-dialog-separator);
|
|
188
191
|
}
|
|
189
192
|
|
|
190
193
|
.content {
|
|
@@ -192,14 +195,14 @@ export default defineComponent({
|
|
|
192
195
|
overflow: auto;
|
|
193
196
|
|
|
194
197
|
&--fullscreen {
|
|
195
|
-
flex-grow: 1;
|
|
198
|
+
flex-grow: 1 !important;
|
|
196
199
|
}
|
|
197
200
|
}
|
|
198
201
|
|
|
199
202
|
.footer {
|
|
200
203
|
display: flex;
|
|
201
204
|
padding: 16px;
|
|
202
|
-
border-top:
|
|
205
|
+
border-top: var(--dl-dialog-separator);
|
|
203
206
|
}
|
|
204
207
|
|
|
205
208
|
.fade {
|