From 8f80e88ebb049def2f3b43ec97e9f77b91dc0375 Mon Sep 17 00:00:00 2001
From: lutinglt <lutinglt@users.noreply.github.com>
Date: Tue, 14 Jan 2025 11:09:47 +0800
Subject: [PATCH] =?UTF-8?q?Actions=20=E5=B7=A5=E4=BD=9C=E6=B5=81=E6=97=A5?=
 =?UTF-8?q?=E5=BF=97=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F=E5=90=8C=E6=AD=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/release.md |  2 +-
 src/actions.scss   | 89 +++++++++++++++++++++++++++++++++++-----------
 2 files changed, 70 insertions(+), 21 deletions(-)

diff --git a/.github/release.md b/.github/release.md
index 152dcbb..64aac6d 100644
--- a/.github/release.md
+++ b/.github/release.md
@@ -4,6 +4,6 @@
 
 - 微调菜单项按钮样式
 - Actions 工作流日志页面与浏览器同宽
-- Actions 工作流日志页面样式优化
+- Actions 工作流日志页面样式同步
 - Actions 日志字体同步
 - 全局激活颜色和悬停颜色优化
\ No newline at end of file
diff --git a/src/actions.scss b/src/actions.scss
index 6de6ce7..db3ae8d 100644
--- a/src/actions.scss
+++ b/src/actions.scss
@@ -18,37 +18,86 @@
     }
   }
 }
+
 .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;
 
-  .job-brief-item {
-    border-radius: 0.5rem !important;
-    padding: 8px;
+  &:before {
+    content: 'Jobs';
+    color: #9198a1;
+    font-size: 12px;
+    font-weight: 600;
     position: relative;
-    margin-left: 0.5rem;
+    display: inline-block;
+    margin-top: 22px;
+    top: -8px;
+    left: 15px;
+  }
 
-    &.selected {
-      background-color: #161a21;
+  .job-group-section {
+    padding-right: 8px;
+    padding-bottom: 8px;
+    border-bottom: 1px solid #2f353d;
 
-      &:hover {
-        background-color: var(--color-hover);
-      }
+    .job-brief-item {
+      border-radius: 0.5rem !important;
+      padding: 8px;
+      position: relative;
+      margin-left: 0.5rem;
 
-      &:after {
-        overflow: visible;
-        background: #1f6feb;
-        border-radius: 0.375rem;
-        content: '';
-        height: 24px;
-        left: calc(0.5rem * -1);
-        position: absolute;
-        top: calc(50% - 12px);
-        width: 4px;
+      &.selected {
+        background-color: #161a21;
+
+        &:hover {
+          background-color: var(--color-hover);
+        }
+
+        &:after {
+          overflow: visible;
+          background: #1f6feb;
+          border-radius: 0.375rem;
+          content: '';
+          height: 24px;
+          left: calc(0.5rem * -1);
+          position: absolute;
+          top: calc(50% - 12px);
+          width: 4px;
+        }
       }
     }
   }