Synchronized repository template

styles/templates/index.ts

@@ -0,0 +1 @@
+import "./repo";

styles/templates/repo/index.ts

@@ -0,0 +1,2 @@
+import "./view_content";
+import "./view_list";

styles/templates/repo/view_content.ts

@@ -0,0 +1,41 @@
+import { css, otherThemeVars, themeVars } from "src/types/vars";
+
+export const repoButtonRow = css`
+  .github-theme-templates {
+    // 仓库按钮行
+    &.repo-button-row {
+      margin: 0 0 16px 0;
+      .ui.button.compact.basic:not(.dropdown):not(.jump) {
+        padding: 0px 10px;
+      }
+      .repo-button-row-left .repository-summary {
+        > .item {
+          display: inline-flex;
+          align-items: center;
+          gap: 4px;
+          border-radius: ${otherThemeVars.border.radius};
+          color: ${themeVars.color.text.light.num1};
+          padding: 4px;
+          height: 32px;
+          min-height: 32px;
+          &:hover {
+            background-color: ${themeVars.github.control.transparent.bgColor.hover};
+            text-decoration-line: none;
+          }
+          svg {
+            margin-right: 4px;
+          }
+          b {
+            color: ${themeVars.color.caret};
+          }
+        }
+      }
+      .repo-button-row-right {
+        // 添加文件按钮菜单
+        .repo-add-file > .menu {
+          min-width: 152px;
+        }
+      }
+    }
+  }
+`;

styles/templates/repo/view_list.ts

@@ -0,0 +1,32 @@
+import { css, otherThemeVars, themeVars } from "src/types/vars";
+
+export const repoFileLastCommit = css`
+  // 仓库页的最后一次提交
+  .repository.file.list #repo-files-table .github-theme-templates.repo-file-line.repo-file-last-commit {
+    padding-right: 10px;
+    // 提交时间
+    .github-latest-time {
+      font-size: 12px;
+    }
+    // 提交历史按钮
+    .github-latest-commit {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      border-radius: ${otherThemeVars.border.radius};
+      padding: 0px 8px;
+      min-height: 28px;
+      height: 28px;
+      font-size: 12px;
+      font-weight: 500;
+      &:hover {
+        background-color: ${themeVars.github.control.transparent.bgColor.hover};
+        color: inherit;
+        text-decoration-line: none;
+      }
+      svg {
+        color: ${themeVars.color.text.light.num1};
+      }
+    }
+  }
+`;