@mixd-id/web-scaffold 0.1.230406182 → 0.1.230406183
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/components/Modal.vue +7 -15
package/package.json
CHANGED
package/src/components/Modal.vue
CHANGED
|
@@ -262,7 +262,7 @@ export default{
|
|
|
262
262
|
right: 0;
|
|
263
263
|
}
|
|
264
264
|
.bW9l{
|
|
265
|
-
@apply
|
|
265
|
+
@apply flex items-center justify-center;
|
|
266
266
|
}
|
|
267
267
|
|
|
268
268
|
</style>
|
|
@@ -304,7 +304,7 @@ html[data-theme='dark'] .overlay{
|
|
|
304
304
|
@apply bg-black/50;
|
|
305
305
|
}
|
|
306
306
|
|
|
307
|
-
@media screen and (max-width: 640px)
|
|
307
|
+
@media screen and (max-width: 640px){
|
|
308
308
|
|
|
309
309
|
.modal {
|
|
310
310
|
max-height: 90vh;
|
|
@@ -312,28 +312,23 @@ html[data-theme='dark'] .overlay{
|
|
|
312
312
|
}
|
|
313
313
|
|
|
314
314
|
.modal-left{
|
|
315
|
-
|
|
316
|
-
align-self: center;
|
|
315
|
+
@apply left-0;
|
|
317
316
|
}
|
|
318
317
|
|
|
319
318
|
.modal-center{
|
|
320
|
-
|
|
321
|
-
align-self: center;
|
|
319
|
+
@apply relative;
|
|
322
320
|
}
|
|
323
321
|
|
|
324
322
|
.modal-right{
|
|
325
|
-
|
|
326
|
-
align-self: center;
|
|
323
|
+
@apply right-0;
|
|
327
324
|
}
|
|
328
325
|
|
|
329
326
|
.modal-top{
|
|
330
|
-
|
|
331
|
-
align-self: start;
|
|
327
|
+
@apply top-0;
|
|
332
328
|
}
|
|
333
329
|
|
|
334
330
|
.modal-bottom{
|
|
335
|
-
|
|
336
|
-
align-self: end;
|
|
331
|
+
@apply bottom-0;
|
|
337
332
|
}
|
|
338
333
|
|
|
339
334
|
}
|
|
@@ -342,9 +337,6 @@ html[data-theme='dark'] .overlay{
|
|
|
342
337
|
|
|
343
338
|
.modal {
|
|
344
339
|
max-width: 90vw;
|
|
345
|
-
width: 480px;
|
|
346
|
-
justify-self: center;
|
|
347
|
-
align-self: center;
|
|
348
340
|
}
|
|
349
341
|
|
|
350
342
|
}
|