perf(components): [ImagePreview] header能见度样式优化

arksjs · Jun 5, 2023 · e07cc22 · e07cc22
1 parent 5361f69
commit e07cc22
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/ui/src/ImagePreview/index.scss b/packages/ui/src/ImagePreview/index.scss
@@ -8,6 +8,7 @@
   > .ta-modal_box {
     width: 100%;
     height: 100%;
+    max-width: 100%;
 
     .ta-modal_box-inner {
       height: 100%;
@@ -35,7 +36,7 @@
     justify-content: center;
     align-items: center;
     position: relative;
-    transform: translateZ();
+    transform: translateZ(0);
     overflow: hidden;
 
     .ta-image {
@@ -59,6 +60,7 @@
     font-size: 17px;
     color: #fff;
     text-align: center;
+    background-color: rgb(0 0 0 / 20%);
   }
 
   &_close {