sky/gitea-github-theme
1
0
Fork 0
mirror of https://github.com/lutinglt/gitea-github-theme.git synced 2025-10-27 05:31:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

一些按钮样式优化

Browse Source
This commit is contained in:
lutinglt
2025-07-06 19:28:54 +08:00
parent 0f8bfe6201
commit 3b0f481be7
3 changed files with 33 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
styles/public/button.tsx
View File

@@ -26,12 +26,27 @@ export const baseButton = css`
${primaryHoverStyle}
}
}
/* 普通按钮边框色不变 */
.ui.basic.button:hover,
/* 仓库点星等数字标签按钮边框色不变 */
.ui.labeled.button > .label:hover {
// 主色调基本按钮和普通按钮一样
// 作者的关注按钮
.ui.basic.primary.button {
background-color: ${themeVars.color.button};
color: ${themeVars.color.text.self};
border-color: ${themeVars.color.light.border};
&:hover {
background-color: ${themeVars.color.hover.self};
color: ${themeVars.color.text.self};
border-color: ${themeVars.color.light.border};
}
}
/* 普通按钮边框色不变 */
.ui.basic.button,
/* 仓库点星等数字标签按钮边框色不变 */
.ui.labeled.button > .label {
&:hover {
border-color: ${themeVars.color.light.border};
}
}
/* 普通按钮激活时背景色 */
.ui.basic.buttons .button:active,
.ui.basic.button:active,
@@ -68,3 +83,15 @@ export const branchDropdownButton = css`
min-height: 30px;
}
`;
// 修复按钮高度
export const fixButtonHeight = css`
.ui.small.buttons .button,
.ui.ui.ui.ui.small.button {
min-height: 26px;
}
.ui.tiny.buttons .button,
.ui.ui.ui.ui.tiny.button {
min-height: 20px;
}
`;