optimize commit style

This commit is contained in:
lutinglt
2025-11-29 20:04:31 +08:00
parent 3084a5f54e
commit c1a0f96b6c
2 changed files with 8 additions and 2 deletions

View File

@@ -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;

View File

@@ -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};