diff --git a/styles/templates/repo/commit_sign_badge.ts b/styles/templates/repo/commit_sign_badge.ts index 9754c02..b92a851 100644 --- a/styles/templates/repo/commit_sign_badge.ts +++ b/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; diff --git a/styles/templates/repo/commits_list.ts b/styles/templates/repo/commits_list.ts index 38568be..3af165b 100644 --- a/styles/templates/repo/commits_list.ts +++ b/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};