优化下拉菜单的样式&同步亮色和柔和暗色主题下的菜单颜色

This commit is contained in:
lutinglt
2025-09-28 21:37:15 +08:00
parent c5724f41c5
commit 05a4dc4f8a
9 changed files with 42 additions and 8 deletions

View File

@@ -92,7 +92,7 @@ export const clone = css`
.item {
border-radius: ${otherThemeVars.border.radius};
padding: 6px 8px;
line-height: 1.5;
min-height: 32px;
margin: 0;
svg {
color: ${themeVars.color.text.light.num1};

View File

@@ -655,7 +655,8 @@ export const issueSidebar = css`
.ui.form .due-date {
color: ${themeVars.color.text.self};
}
.divider {
// 分割线
> .divider {
margin: 12px 0 12px 8px;
width: calc(100% - 16px);
}

View File

@@ -19,6 +19,7 @@ export const dropdown = css`
align-items: center;
align-content: center;
padding: 6px 8px !important;
min-height: 32px;
border-radius: ${otherThemeVars.border.radius} !important;
gap: 4px;
&:not(.emoji) {
@@ -255,6 +256,32 @@ export const branchDropdown = css`
max-width: 640px;
> .menu > .item {
animation: ${animationDown};
height: 32px;
}
// 分支/标签切换
> .branch-tag-tab {
> .branch-tag-item {
font-weight: 500;
padding: 8px 12px;
height: 32px;
line-height: 1.15;
svg {
display: none;
}
&.active {
background: ${themeVars.color.body};
}
&:hover {
color: inherit;
&:not(.active) {
background: ${themeVars.color.hover.self};
border: 1px solid ${themeVars.color.secondary.self};
border-bottom: 0;
border-top-left-radius: ${otherThemeVars.border.radius};
border-top-right-radius: ${otherThemeVars.border.radius};
}
}
}
}
}
`;

View File

@@ -39,4 +39,8 @@ export const input = css`
.ui.form#repo-search-form {
align-items: center;
}
// 下拉菜单的输入框
.ui.dropdown.dropdown .menu>.input {
margin: 12px 10px;
}
`;