fix: resize log container

src/views/IncidentDetail/index.scss

@@ -351,13 +351,13 @@
         z-index: -1;
       }
       .execution-log-container {
-        padding: px2rem(20px) 0;
+        padding: px2rem(20px * 2) 0;
         .log-item {
           position: relative;
-          margin-bottom: 40px;
-          min-height: px2rem(48px);
+          margin-bottom: px2rem(40px * 2);
+          min-height: px2rem(48px * 2);
           .log-label {
-            font-size: px2rem(18px);
+            font-size: px2rem(18px * 2);
             font-weight: 400;
             display: -webkit-box;
             -webkit-box-orient: vertical;
@@ -370,46 +370,49 @@
           }
 
           .log-time {
-            height: px2rem(48px);
-            line-height: px2rem(48px);
+            height: px2rem(48px * 2);
+            line-height: px2rem(48px * 2);
             background-color: #3db3ea;
-            font-size: px2rem(24px);
+            font-size: px2rem(24px * 2);
             font-family: DIN Alternate, DIN Alternate-Bold;
             font-weight: 700;
             position: absolute;
             left: 50%;
             top: 50%;
             transform: translateY(-50%) translateX(px2rem(-24px));
-            border-top-left-radius: px2rem(48px);
-            border-bottom-left-radius: px2rem(48px);
-            padding-left: px2rem(58px);
-            padding-right: px2rem(10px);
+            border-top-left-radius: px2rem(48px * 2);
+            border-bottom-left-radius: px2rem(48px * 2);
+            padding-left: px2rem(58px * 2);
+            padding-right: px2rem(10px * 2);
             .logo-icon {
               position: absolute;
-              height: px2rem(44px);
-              width: px2rem(44px);
+              height: px2rem(44px * 2);
+              width: px2rem(44px * 2);
               background-color: #092093;
-              top: px2rem(2px);
-              left: px2rem(2px);
-              border-radius: 44px;
+              top: px2rem(2px * 2);
+              left: px2rem(2px * 2);
+              border-radius: px2rem(44px * 2);
               display: flex;
               align-items: center;
               justify-content: center;
+              .el-icon {
+                font-size: px2rem(40px);
+              }
             }
             &::before,
             &::after {
               content: '';
-              right: px2rem(-18px);
+              right: px2rem(-18px * 2);
               position: absolute;
-              border-left: px2rem(18px) solid transparent;
-              border-right: px2rem(18px) solid transparent;
+              border-left: px2rem(18px * 2) solid transparent;
+              border-right: px2rem(18px * 2) solid transparent;
             }
             &::before {
-              border-top: px2rem(24px) solid #3db3ea;
+              border-top: px2rem(24px * 2) solid #3db3ea;
             }
             &::after {
               bottom: 0;
-              border-bottom: px2rem(24px) solid #3db3ea;
+              border-bottom: px2rem(24px * 2) solid #3db3ea;
             }
           }
           &.log-item-3,
@@ -427,23 +430,23 @@
               border-top-left-radius: unset;
               border-bottom-left-radius: unset;
 
-              border-top-right-radius: px2rem(48px);
-              border-bottom-right-radius: px2rem(48px);
+              border-top-right-radius: px2rem(48px * 2);
+              border-bottom-right-radius: px2rem(48px * 2);
 
-              padding-left: px2rem(10px);
-              padding-right: px2rem(58px);
+              padding-left: px2rem(10px * 2);
+              padding-right: px2rem(58px * 2);
               background-color: #09b283;
               .logo-icon {
-                top: px2rem(2px);
+                top: px2rem(2px * 2);
                 left: unset;
-                right: px2rem(2px);
-                border-radius: 44px;
+                right: px2rem(2px * 2);
+                border-radius: px2rem(44px * 2);
               }
               &::before,
               &::after {
                 content: '';
                 right: unset;
-                left: px2rem(-18px);
+                left: px2rem(-18px * 2);
               }
               &::before {
                 border-top-color: #09b283;
@@ -490,6 +493,9 @@
         right: 0;
         transition: var(--el-transition-duration);
         background-color: var(--el-carousel-arrow-background);
+        height: px2rem(80px);
+        width: px2rem(80px);
+        font-size: px2rem(34px);
         &:hover {
           background-color: var(--el-carousel-arrow-hover-background);
         }