修复英文下Action页面执行时间换行&菜单文字粗细样式优化

.github/release.md

@@ -2,4 +2,8 @@
 
 #### 更符合 GitHub 风格
 
-- Action工作流页面同步
+- 菜单文字粗细样式优化
+
+## 🐞 Fix
+
+- 修复英文下Action页面执行时间换行

src/actions.scss

@@ -13,10 +13,6 @@
       margin-top: 6px;
       margin-bottom: 24px;
     }
-
-    .item {
-      font-weight: 400;
-    }
   }
 
   .twelve.wide {
@@ -80,7 +76,9 @@
           }
 
           .run-list-item-right {
-            width: 80px;
+            width: auto;
+            min-width: 80px;
+            max-width: 130px;
           }
         }
       }

src/setting.scss

@@ -31,7 +31,6 @@
   .item,
   .item > summary {
     font-size: 1.1rem;
-    font-weight: 500;
     background: unset;
     padding: 6px 8px;
     color: var(--color-white) !important;
@@ -41,6 +40,11 @@
     background: unset;
   }
 
+  .active.item,
+  .active.item > summary {
+    font-weight: 600;
+  }
+
   .active.item:after {
     @extend %active-item-after-style;
   }
@@ -48,6 +52,7 @@
   details {
     &:has(.active.item) {
       > summary {
+        font-weight: 600;
         background: #161a21;
 
         &:hover {
@@ -55,6 +60,10 @@
         }
       }
 
+      .active.item {
+        font-weight: 400;
+      }
+
       &[open] {
         > summary {
           background: unset;