mirrors/gitea-github-theme
1
0
Fork 0
mirror of https://github.com/lutinglt/gitea-github-theme.git synced 2025-12-21 14:16:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

optimize commit style

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

6
styles/templates/repo/commit_sign_badge.ts
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` export const commitSignBadge = css`
.github-theme-sha { .github-theme-sha {
border-radius: ${otherThemeVars.border.radius}; 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; font-weight: 500;
padding: 0px 8px; padding: 0px 8px;
height: 26px; height: 26px;
min-width: 85px; // 非等宽字体导致不对齐, 目前看到最大长度为 83px
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

4
styles/templates/repo/commits_list.ts
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 primary = "primary" as const;
const secondary = "secondary" 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; grid-template-columns: minmax(30%, 1fr) minmax(0, max-content) min-content;
&:last-child { &:last-child {
border-bottom: none; border-bottom: none;
border-bottom-left-radius: ${otherThemeVars.border.radius};
border-bottom-right-radius: ${otherThemeVars.border.radius};
} }
&:hover { &:hover {
background-color: ${themeVars.color.hover.opaque}; background-color: ${themeVars.color.hover.opaque};