Action执行时间位置优化

.github/release.md

@@ -1,21 +1,6 @@
 ## 🌈 Style
 
-- **移除字体 (不再集成个性化字体)**
-
 #### 更符合 GitHub 风格
 
-- 首页动态图标大小优化
-- 仓库代码页侧边栏宽度优化
-- 仓库文件列表在手机下隐藏提交信息
-- 仓库文件列表文件图标名称位置优化
-- 仓库导航栏颜色同步
-- 按钮大小和颜色优化
-- 输入框大小和颜色优化
-- 导航栏分割线优化
-- 下拉菜单分割线优化
-- 动画效果优化
-
-## 🐞 Fix
-
-- 修复 1.23 后仓库文件列表整行悬停时的背景颜色
-- 修复软件包页面下组织标签样式
+- 仓库导航栏文字颜色优化
+- Action执行时间位置优化

README.md

@@ -7,6 +7,8 @@
 
 添加了短暂的过渡动画优化体验(与 GitHub Code 克隆列表动画一致)
 
+推荐搭配文件图标浏览器插件一起使用更佳 [github-file-explorer-icons](https://github.com/catppuccin/github-file-explorer-icons)
+
 ## 安装
 
 1. 在发布页下载最新的 `theme-github.css` 放入 `gitea/public/assets/css` 目录下

src/actions.scss

@@ -1,4 +1,91 @@
 // Made by Luting ^-^
+
+.page-content.repository.actions .ui.grid {
+  .four.wide {
+    border-right: 1px solid var(--color-light-border);
+    min-height: calc(-104px + 100vh);
+
+    &:before {
+      content: 'Actions';
+      display: block;
+      font-size: 20px;
+      font-weight: 600;
+      margin-top: 6px;
+      margin-bottom: 24px;
+    }
+  }
+
+  .twelve.wide {
+    &:before {
+      content: 'Workflow Runs';
+      display: block;
+      font-size: 20px;
+      margin-top: 6px;
+      margin-bottom: 24px;
+      margin-left: 2px;
+    }
+
+    .ui.secondary.menu {
+      background-color: var(--color-box-header);
+      border: 1px solid var(--color-light-border);
+      border-bottom: 0;
+      border-top-left-radius: var(--border-radius);
+      border-top-right-radius: var(--border-radius);
+      padding: 16px;
+      margin-bottom: 0;
+
+      .item {
+        padding: 6px 12px;
+      }
+    }
+
+    .ui.info.message {
+      border-radius: 0;
+      border-left-color: var(--color-light-border);
+      border-right-color: var(--color-light-border);
+      margin: 0;
+
+      ~ .run-list {
+        border-top: 0;
+      }
+    }
+
+    .run-list {
+      border: 1px solid var(--color-light-border);
+      border-bottom-left-radius: var(--border-radius);
+      border-bottom-right-radius: var(--border-radius);
+
+      .flex-item {
+        padding: 16px;
+
+        .flex-item-leading {
+          align-self: flex-start;
+          margin-top: 2px;
+        }
+
+        .flex-item-main {
+          gap: 0.5rem;
+        }
+
+        .flex-item-trailing {
+          justify-content: space-between;
+
+          > .ui.label {
+            border-radius: var(--border-radius);
+            margin-left: 32px;
+          }
+        }
+      }
+    }
+  }
+}
+
+@media (max-width: 767.98px) {
+  .page-content.repository.actions .ui.grid .four.wide {
+    min-height: auto;
+  }
+}
+
 // 工作流禁用标签
 .ui.vertical.menu .item > .ui.red.label {
   color: var(--color-error-text);
@@ -19,6 +106,7 @@
   }
 }
 
+// 日志
 .ui.container.action-view-container {
   width: auto;
   max-width: 100%;

src/repo.scss

@@ -86,7 +86,7 @@
   .dropdown.item,
   .link.item,
   a.item {
-    color: var(--color-text);
+    color: #f0f6fc;
 
     svg {
       color: #9198a1;

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;