@x-plat/design-system 0.4.1 → 0.4.2

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.
@@ -299,26 +299,22 @@
299
299
  z-index: 11;
300
300
  }
301
301
  .lib-xplat-modal.modal-box {
302
- position: fixed;
303
- top: 50%;
304
- left: 50%;
305
302
  border-radius: 12px;
306
303
  background-color: #fff;
307
304
  padding: 24px;
308
- width: fit-content;
309
305
  max-width: calc(100vw - 2rem);
310
306
  max-height: calc(100vh - 2rem);
311
307
  overflow: auto;
312
- transform: translate(-50%, -50%) scale(0.9);
308
+ transform: scale(0.9);
313
309
  opacity: 0;
314
310
  transition: transform 0.2s ease, opacity 0.2s ease;
315
311
  }
316
312
  .lib-xplat-modal.modal-box.enter {
317
- transform: translate(-50%, -50%) scale(1);
313
+ transform: scale(1);
318
314
  opacity: 1;
319
315
  }
320
316
  .lib-xplat-modal.modal-box.exit {
321
- transform: translate(-50%, -50%) scale(0.9);
317
+ transform: scale(0.9);
322
318
  opacity: 0;
323
319
  }
324
320
  .lib-xplat-modal.dim {
@@ -3,26 +3,22 @@
3
3
  z-index: 11;
4
4
  }
5
5
  .lib-xplat-modal.modal-box {
6
- position: fixed;
7
- top: 50%;
8
- left: 50%;
9
6
  border-radius: 12px;
10
7
  background-color: #fff;
11
8
  padding: 24px;
12
- width: fit-content;
13
9
  max-width: calc(100vw - 2rem);
14
10
  max-height: calc(100vh - 2rem);
15
11
  overflow: auto;
16
- transform: translate(-50%, -50%) scale(0.9);
12
+ transform: scale(0.9);
17
13
  opacity: 0;
18
14
  transition: transform 0.2s ease, opacity 0.2s ease;
19
15
  }
20
16
  .lib-xplat-modal.modal-box.enter {
21
- transform: translate(-50%, -50%) scale(1);
17
+ transform: scale(1);
22
18
  opacity: 1;
23
19
  }
24
20
  .lib-xplat-modal.modal-box.exit {
25
- transform: translate(-50%, -50%) scale(0.9);
21
+ transform: scale(0.9);
26
22
  opacity: 0;
27
23
  }
28
24
  .lib-xplat-modal.dim {
@@ -1325,26 +1325,22 @@
1325
1325
  z-index: 11;
1326
1326
  }
1327
1327
  .lib-xplat-modal.modal-box {
1328
- position: fixed;
1329
- top: 50%;
1330
- left: 50%;
1331
1328
  border-radius: 12px;
1332
1329
  background-color: #fff;
1333
1330
  padding: 24px;
1334
- width: fit-content;
1335
1331
  max-width: calc(100vw - 2rem);
1336
1332
  max-height: calc(100vh - 2rem);
1337
1333
  overflow: auto;
1338
- transform: translate(-50%, -50%) scale(0.9);
1334
+ transform: scale(0.9);
1339
1335
  opacity: 0;
1340
1336
  transition: transform 0.2s ease, opacity 0.2s ease;
1341
1337
  }
1342
1338
  .lib-xplat-modal.modal-box.enter {
1343
- transform: translate(-50%, -50%) scale(1);
1339
+ transform: scale(1);
1344
1340
  opacity: 1;
1345
1341
  }
1346
1342
  .lib-xplat-modal.modal-box.exit {
1347
- transform: translate(-50%, -50%) scale(0.9);
1343
+ transform: scale(0.9);
1348
1344
  opacity: 0;
1349
1345
  }
1350
1346
  .lib-xplat-modal.dim {
package/dist/index.css CHANGED
@@ -1325,26 +1325,22 @@
1325
1325
  z-index: 11;
1326
1326
  }
1327
1327
  .lib-xplat-modal.modal-box {
1328
- position: fixed;
1329
- top: 50%;
1330
- left: 50%;
1331
1328
  border-radius: 12px;
1332
1329
  background-color: #fff;
1333
1330
  padding: 24px;
1334
- width: fit-content;
1335
1331
  max-width: calc(100vw - 2rem);
1336
1332
  max-height: calc(100vh - 2rem);
1337
1333
  overflow: auto;
1338
- transform: translate(-50%, -50%) scale(0.9);
1334
+ transform: scale(0.9);
1339
1335
  opacity: 0;
1340
1336
  transition: transform 0.2s ease, opacity 0.2s ease;
1341
1337
  }
1342
1338
  .lib-xplat-modal.modal-box.enter {
1343
- transform: translate(-50%, -50%) scale(1);
1339
+ transform: scale(1);
1344
1340
  opacity: 1;
1345
1341
  }
1346
1342
  .lib-xplat-modal.modal-box.exit {
1347
- transform: translate(-50%, -50%) scale(0.9);
1343
+ transform: scale(0.9);
1348
1344
  opacity: 0;
1349
1345
  }
1350
1346
  .lib-xplat-modal.dim {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@x-plat/design-system",
3
- "version": "0.4.1",
3
+ "version": "0.4.2",
4
4
  "description": "XPLAT UI Design System",
5
5
  "author": "XPLAT WOONG",
6
6
  "main": "dist/index.cjs",