优化按钮和菜单下的图标颜色

This commit is contained in:
lutinglt
2025-07-08 19:08:54 +08:00
parent f9755704ec
commit b9b12e7ed2
6 changed files with 18 additions and 16 deletions

4
.github/release.md vendored
View File

@@ -4,6 +4,8 @@
## 🎈 Perf
- 删除了提交中 Action 状态标签多余的间隔
- 优化提交中 Action 状态标签的位置
- 优化按钮和菜单下的图标颜色
- 优化仓库发布中的分支选择按钮样式
## 🐞 Fix

View File

@@ -62,8 +62,12 @@ export const releases = css`
margin-top: 1px;
}
}
.js-branch-tag-selector {
margin-top: 8px;
// 分支选择按钮
.ui.button.branch-dropdown-button {
min-height: 20px;
line-height: 20px;
padding: 3px 12px;
font-size: 12px;
}
}
// 右侧发布详细信息

View File

@@ -6,9 +6,6 @@ export const repoHeader = css`
// 点星/关注/克隆/RSS 按钮
.ui.compact.button {
padding: 3px 12px;
svg {
color: ${themeVars.color.text.light.num1};
}
// 文本跟图标间隔, 文本在手机下不显示
span {
margin-left: 0.5rem;

View File

@@ -18,6 +18,9 @@ export const baseButton = css`
min-height: 30px;
font-weight: 500;
padding: 9px 16px;
svg {
color: ${themeVars.color.text.light.num1};
}
}
.ui.primary.button {
@@ -25,6 +28,9 @@ export const baseButton = css`
&:hover {
${primaryHoverStyle}
}
svg {
color: ${themeVars.color.text.self};
}
}
// 主色调基本按钮和普通按钮一样
// 作者的关注按钮
@@ -76,14 +82,6 @@ export const redButton = css`
}
`;
// 分支菜单按钮
export const branchDropdownButton = css`
.ui.button.branch-dropdown-button {
padding: 3px 12px;
min-height: 30px;
}
`;
// 修复按钮高度
export const fixButtonHeight = css`
.ui.small.buttons .button,

View File

@@ -38,7 +38,6 @@ export const dropdown = css`
}
}
svg {
color: ${themeVars.color.text.light.num1};
margin-right: 0.5rem;
}
&.active,

View File

@@ -110,6 +110,9 @@ export const verticalMenu = css`
`;
export const menu = css`
.ui.menu .item svg {
color: ${themeVars.color.text.light.num1};
}
// 菜单默认悬浮色更改
.ui.menu a.item,
.ui.secondary.pointing.menu a.item,
@@ -168,7 +171,6 @@ export const secondaryMenu = css`
border-radius: ${otherThemeVars.border.radius};
color: ${themeVars.color.text.self};
svg {
color: ${themeVars.color.text.light.num1};
margin-right: 8px;
}
}