Optimize the workflow log page style

CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ##### More aligned with GitHub style
 
+- Optimize the workflow log page style
+
 ### 🐞 Fix
 
 - Fix the problem of missing background color and width when there is a unicode character in the diff

styles/components/actions.ts

@@ -156,7 +156,6 @@ export const actionViewLeft = css`
   .action-view-left {
     margin-right: 28px;
     border-top: 1px solid ${themeVars.color.console.border};
-
     &:before {
       content: "Jobs";
       color: ${themeVars.color.console.fg.subtle};
@@ -168,23 +167,22 @@ export const actionViewLeft = css`
       top: -8px;
       left: 15px;
     }
-
     .job-group-section {
       padding-right: 8px;
       padding-bottom: 8px;
       border-bottom: 1px solid ${themeVars.color.console.border};
-
-      .job-brief-item {
+      .job-brief-list {
+        gap: 4px;
+        // 双重确保覆盖原始样式
+        .job-brief-item.job-brief-item {
           border-radius: ${otherThemeVars.border.radius} !important;
           padding: 8px;
           position: relative;
           margin-left: 0.5rem;
-
-        &.selected {
           &:hover {
             background-color: ${themeVars.color.console.hoverBg};
           }
-
+          &.selected {
             &:after {
               overflow: visible;
               background: ${themeVars.github.borderColor.accent.emphasis};
@@ -208,6 +206,7 @@ export const actionViewLeft = css`
             .step-summary-duration {
               color: ${themeVars.color.console.fg.subtle};
               font-family: var(--fonts-monospace);
+              font-size: 12px;
             }
           }
           &:hover {
@@ -220,6 +219,7 @@ export const actionViewLeft = css`
         }
       }
     }
+  }
 `;
 
 // 工作流右侧作业步骤日志详情