@tuya-miniapp/ark-extension-virtual-device 1.8.13 → 1.8.14

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.
@@ -593,6 +593,51 @@ template {
593
593
  color: #000000d9;
594
594
  }
595
595
 
596
+ .ide-banner {
597
+ width: 300px;
598
+ height: 60px;
599
+ position: absolute;
600
+ right: 12px;
601
+ top: 0;
602
+ margin-left: auto;
603
+ cursor: pointer;
604
+ overflow: hidden;
605
+ border-radius: 4px;
606
+ flex-shrink: 0;
607
+ }
608
+ .ide-banner-video {
609
+ width: 100%;
610
+ height: 100%;
611
+ object-fit: cover;
612
+ display: block;
613
+ }
614
+ .ide-banner-poster {
615
+ width: 100%;
616
+ height: 100%;
617
+ object-fit: cover;
618
+ display: block;
619
+ }
620
+ .ide-banner-close {
621
+ position: absolute;
622
+ top: 50%;
623
+ right: 10px;
624
+ transform: translateY(-50%);
625
+ width: 16px;
626
+ height: 16px;
627
+ display: flex;
628
+ align-items: center;
629
+ justify-content: center;
630
+ cursor: pointer;
631
+ color: #fff;
632
+ font-size: 12px;
633
+ background: rgba(0, 0, 0, 0.4);
634
+ border-radius: 50%;
635
+ z-index: 1;
636
+ }
637
+ .ide-banner-close:hover {
638
+ background: rgba(0, 0, 0, 0.6);
639
+ }
640
+
596
641
  .dev-item-wrapper {
597
642
  width: 331px;
598
643
  position: relative;
@@ -1254,11 +1299,6 @@ template {
1254
1299
  [data-theme='light'] .extension-container .head h1 {
1255
1300
  color: #000000d9;
1256
1301
  }
1257
- .debug {
1258
- position: absolute;
1259
- top: 50px;
1260
- right: 20px;
1261
- }
1262
1302
 
1263
1303
  .ext-item {
1264
1304
  min-width: 400px;
@@ -1266,12 +1306,13 @@ template {
1266
1306
  /* 面板/背景 */
1267
1307
  background: #3c3f41;
1268
1308
  display: flex;
1269
- align-items: center;
1309
+ align-items: flex-start;
1270
1310
  justify-content: space-between;
1271
- padding: 16px;
1311
+ padding: 22px;
1272
1312
  border-radius: 16px;
1273
- height: 200px;
1313
+ height: 174px;
1274
1314
  /* Elevation = 1 */
1315
+ position: relative;
1275
1316
  }
1276
1317
  .ext-item .icon {
1277
1318
  width: 80px;
@@ -1283,6 +1324,7 @@ template {
1283
1324
  flex: 1;
1284
1325
  margin-left: 16px;
1285
1326
  justify-content: space-between;
1327
+ height: 100%;
1286
1328
  }
1287
1329
  .ext-item .info .info-item {
1288
1330
  font-size: 15px;
@@ -1331,6 +1373,9 @@ template {
1331
1373
  align-items: center;
1332
1374
  justify-content: flex-end;
1333
1375
  margin-top: 4px;
1376
+ position: absolute;
1377
+ bottom: 22px;
1378
+ right: 22px;
1334
1379
  }
1335
1380
  .ext-item .info .install-container .uninstall {
1336
1381
  height: 32px;