optimize commit style

styles/templates/repo/commit_sign_badge.ts

@@ -1,11 +1,15 @@
-import { css, themeVars, otherThemeVars } from "src/types/vars";
+import { css, otherThemeVars, themeVars } from "src/types/vars";
 
 export const commitSignBadge = css`
   .github-theme-sha {
     border-radius: ${otherThemeVars.border.radius};
+    font-family:
+      -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji",
+      "Segoe UI Emoji";
     font-weight: 500;
     padding: 0px 8px;
     height: 26px;
+    min-width: 85px; // 非等宽字体导致不对齐, 目前看到最大长度为 83px
     display: flex;
     align-items: center;
     justify-content: center;

styles/templates/repo/commits_list.ts

@@ -1,4 +1,4 @@
-import { css, themeVars } from "src/types/vars";
+import { css, themeVars, otherThemeVars } from "src/types/vars";
 
 const primary = "primary" as const;
 const secondary = "secondary" as const;
@@ -19,6 +19,8 @@ export const commitsList = css`
       grid-template-columns: minmax(30%, 1fr) minmax(0, max-content) min-content;
       &:last-child {
         border-bottom: none;
+        border-bottom-left-radius: ${otherThemeVars.border.radius};
+        border-bottom-right-radius: ${otherThemeVars.border.radius};
       }
       &:hover {
         background-color: ${themeVars.color.hover.opaque};