动画效果优化

src/repo.scss

@@ -129,11 +129,30 @@
     margin: 0px 3px;
   }
 
+  // 提交的Action状态
+  .commit-list,
+  #repo-files-table {
+    .flex-text-inline:not(img) {
+      padding: 6px;
+      border-radius: var(--border-radius);
+      margin-right: 6px;
+
+      &:hover {
+        background-color: var(--color-hover);
+      }
+    }
+  }
+}
+
+// 仓库文件列表
+.repository.file.list {
+  #repo-files-table {
+    // 头部最后一次提交
     .repo-file-line {
       height: 3.725rem;
-  }
+      padding-right: 16px;
 
-  #repo-files-table .latest-commit {
+      .latest-commit {
         .commit-summary {
           color: #9198a1;
         }
@@ -156,35 +175,27 @@
           display: none;
         }
       }
-
-  .commit-list,
-  #repo-files-table {
-    .flex-text-inline:not(img) {
-      padding: 6px;
-      border-radius: var(--border-radius);
-      margin-right: 6px;
-
-      &:hover {
-        background-color: var(--color-hover);
     }
-    }
+    // 文件列表
-  }
-}
-
-.repository.file.list {
-  #repo-files-table {
     .repo-file-item {
-      .repo-file-cell.name {
+      .repo-file-cell {
+        &.name {
           display: flex;
           align-items: center;
           gap: 0.5rem;
-        padding-left: 1rem;
+          padding-left: 16px;
+        }
+
+        &.age {
+          padding-right: 16px;
+        }
       }
 
       .svg.octicon-file-directory-fill,
       .svg.octicon-file-submodule {
         color: #7d8590;
       }
+
       // 整行背景颜色效果
       &:hover .repo-file-cell {
         background-color: var(--color-box-header) !important;

src/transition.scss

@@ -13,18 +13,14 @@
 
 input,
 textarea,
-tr,
-td,
-button,
 details summary,
 #navbar .item,
 .header-wrapper .ui.tabular.menu .item,
 .job-step-summary,
 .job-step-logs,
 .job-brief-item,
-.menu .item,
-.page-content.repository .flex-item .flex-item-title a,
 .tippy-box .flex-items-block .item,
+.clone-panel-tab .item,
 .ui.input > input,
 .ui.form input:not([type]),
 .ui.form select,
@@ -50,11 +46,17 @@ details summary,
 .ui.selection.active.dropdown:hover,
 .ui.selection.active.dropdown .menu,
 .ui.selection.active.dropdown:hover .menu,
-.ui.button,
-.ui.button:hover,
-.ui.menu .item,
 .ui.vertical.menu .header.item,
 .ui.secondary.menu .item {
-  transition: 0.2s;
+  transition: 0.12s ease-out;
+}
+
+textarea,
+.ui.form input,
+.menu .item,
+.ui.modal,
+.job-step-summary,
+.job-step-logs,
+.job-brief-item {
   animation: 200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running overlay-appear;
 }