Actions 工作流日志页面样式同步

.github/release.md

@@ -4,6 +4,6 @@
 
 - 微调菜单项按钮样式
 - Actions 工作流日志页面与浏览器同宽
-- Actions 工作流日志页面样式优化
+- Actions 工作流日志页面样式同步
 - Actions 日志字体同步
 - 全局激活颜色和悬停颜色优化

src/actions.scss

@@ -18,13 +18,61 @@
     }
   }
 }
+
 .ui.container.action-view-container {
   width: auto;
+  max-width: 100%;
+  padding: 0 24px 0 16px;
+
+  .action-view-header {
+    margin-top: 20px;
+
+    .action-info-summary {
+      margin-left: 14px;
+    }
+
+    .action-commit-summary {
+      margin-left: 28+14px;
+    }
+  }
 }
 
 .action-view-left.action-view-left {
+  width: 15.25%;
+}
+
+.action-view-right.action-view-right {
+  width: 84.75%
+}
+
+@media (max-width: 767.98px) {
+  .action-view-left.action-view-left,
+  .action-view-right.action-view-right {
+    width: 100%;
+  }
+}
+
+.action-view-left {
   margin-top: 16px;
-  margin-right: 24px;
+  margin-right: 28px;
+  border-top: 1px solid #2f353d;
+
+  &:before {
+    content: 'Jobs';
+    color: #9198a1;
+    font-size: 12px;
+    font-weight: 600;
+    position: relative;
+    display: inline-block;
+    margin-top: 22px;
+    top: -8px;
+    left: 15px;
+  }
+
+  .job-group-section {
+    padding-right: 8px;
+    padding-bottom: 8px;
+    border-bottom: 1px solid #2f353d;
 
     .job-brief-item {
       border-radius: 0.5rem !important;
@@ -52,6 +100,7 @@
         }
       }
     }
+  }
 }
 
 .action-view-right {