optimize readme header

This commit is contained in:
lutinglt
2025-12-04 11:25:43 +08:00
parent 1729cfe2df
commit 6494e4468b

View File

@@ -101,11 +101,13 @@ export const repoFiles = css`
background: ${themeVars.color.body}; background: ${themeVars.color.body};
min-height: 48px; min-height: 48px;
padding: 0px 8px !important; padding: 0px 8px !important;
overflow-x: visible;
svg { svg {
color: ${themeVars.color.text.light.num1}; color: ${themeVars.color.text.light.num1};
} }
.file-header-left { .file-header-left {
padding: 8px !important; padding: 6px 8px !important;
line-height: 1.45;
// 伪元素宽度等于按钮宽度而不是父元素宽度 // 伪元素宽度等于按钮宽度而不是父元素宽度
position: relative; position: relative;
&:hover { &:hover {
@@ -116,7 +118,7 @@ export const repoFiles = css`
content: ""; content: "";
background: ${themeVars.github.underlineNav.borderColor.active}; background: ${themeVars.github.underlineNav.borderColor.active};
border-radius: ${otherThemeVars.border.radius}; border-radius: ${otherThemeVars.border.radius};
bottom: -7px; bottom: -8px;
left: 0; left: 0;
height: 2px; height: 2px;
position: absolute; position: absolute;
@@ -127,9 +129,19 @@ export const repoFiles = css`
text-decoration-line: none; text-decoration-line: none;
} }
} }
.file-header-right:hover { .file-header-right {
background: ${themeVars.github.control.transparent.bgColor.hover}; .btn-octicon {
border-radius: ${otherThemeVars.border.radius}; display: inline-flex;
align-items: center;
justify-content: center;
padding: 0px 8px;
border-radius: ${otherThemeVars.border.radius};
height: 28px;
width: 28px;
&:hover {
background: ${themeVars.github.control.transparent.bgColor.hover};
}
}
} }
} }
} }