From bd568bb6213edd716ee51da3e865d6215ce81531 Mon Sep 17 00:00:00 2001 From: lutinglt Date: Sun, 21 Sep 2025 10:08:19 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=A1=B6=E9=83=A8=E5=92=8C?= =?UTF-8?q?=E4=BA=8C=E7=BA=A7=E5=AF=BC=E8=88=AA=E6=A0=8F=E7=9A=84=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E5=92=8C=E9=A2=9C=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CHANGELOG.md | 2 +- src/types/color/github.ts | 1 + styles/components/actions.ts | 5 ++++- styles/components/dashboard.ts | 7 +++++++ styles/components/issue.ts | 3 +++ styles/components/navbar.ts | 22 ++++++++++++++++++++-- styles/public/menu.ts | 6 ++++-- 7 files changed, 40 insertions(+), 6 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index a34029e..6548ae5 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,6 @@ ### 🌈 Style -- 优化顶部导航栏样式和颜色 +- 优化顶部和二级导航栏的样式和颜色 ##### 更符合 GitHub 风格 diff --git a/src/types/color/github.ts b/src/types/color/github.ts index 9bbfcdb..305ebc7 100644 --- a/src/types/color/github.ts +++ b/src/types/color/github.ts @@ -180,6 +180,7 @@ export const github = { * @dropdown `dropdown` 下拉框子项的悬停背景颜色 * @menu `verticalMenu` 垂直菜单项的悬停背景颜色 * @menu `menu` 菜单项的悬停背景颜色 + * @menu `secondaryMenu` 二级菜单按钮的悬停背景颜色 * @repo `repoHeader` 仓库标题的悬停背景颜色 * @commit `commit` 提交信息的 Action 按钮的悬停背景颜色 * @filelist `repoFiles` README 栏的按钮的悬停背景颜色 diff --git a/styles/components/actions.ts b/styles/components/actions.ts index a58a3eb..bea1619 100644 --- a/styles/components/actions.ts +++ b/styles/components/actions.ts @@ -27,7 +27,7 @@ export const actions = css` margin-bottom: 24px; margin-left: 2px; } - + // 工作流列表标题栏菜单 .ui.secondary.menu { background-color: ${themeVars.color.box.header}; border: 1px solid ${themeVars.color.light.border}; @@ -36,6 +36,9 @@ export const actions = css` border-top-right-radius: ${otherThemeVars.border.radius}; padding: 16px; margin-bottom: 0; + > .item { + color: ${themeVars.color.text.light.num1}; + } } .ui.info.message { diff --git a/styles/components/dashboard.ts b/styles/components/dashboard.ts index e2776cb..6251179 100644 --- a/styles/components/dashboard.ts +++ b/styles/components/dashboard.ts @@ -135,3 +135,10 @@ export const issueListMobile = css` } } `; + +// 修复仪表板下二级面板选择菜单组织的标签间隔 +export const fixOrgLabel = css` + .dashboard .secondary-nav .org-visibility .label { + margin-right: 0; + } +`; diff --git a/styles/components/issue.ts b/styles/components/issue.ts index 467fd1e..bce6b14 100644 --- a/styles/components/issue.ts +++ b/styles/components/issue.ts @@ -48,6 +48,9 @@ export const issueList = css` } .issue-list-toolbar-right > .ui.menu { align-items: center; + > .item { + color: ${themeVars.color.text.light.num1}; + } > .ui.button { padding: 0 12px; height: 32px; diff --git a/styles/components/navbar.ts b/styles/components/navbar.ts index 8d02bc4..b9cf671 100644 --- a/styles/components/navbar.ts +++ b/styles/components/navbar.ts @@ -7,9 +7,9 @@ export const navbarRight = css` padding: 0px 16px; min-height: 64px; .navbar-left { - gap: 4px; + gap: 8px; > .item { - padding: 6px 10px; + padding: 4px 8px; min-height: 20px; &.active { font-weight: 600; @@ -150,5 +150,23 @@ export const navbarRight = css` export const secondaryNav = css` .page-content > :first-child.secondary-nav { margin-bottom: 16px; + // 仪表板界面的二级导航栏用户菜单 + > .ui.secondary.stackable.menu { + gap: 0px; + min-height: 48px; + > .item { + > .ui.dropdown > .text { + display: inline-flex; + align-items: center; + gap: 4px; + svg { + margin-right: 4px; + } + } + } + > .right.menu { + gap: 4px; + } + } } `; diff --git a/styles/public/menu.ts b/styles/public/menu.ts index 2562323..e671265 100644 --- a/styles/public/menu.ts +++ b/styles/public/menu.ts @@ -148,13 +148,15 @@ export const secondaryMenu = css` padding: 0px 12px; height: 32px; font-weight: 500; - color: ${themeVars.color.text.light.num1}; + } + a.item:hover { + background: ${themeVars.github.control.transparent.bgColor.hover}; } } // 二级导航栏, 比如仓库的导航栏, 仓库列表的导航栏, 探索的类型导航栏 .ui.secondary.pointing.menu { .overflow-menu-items { - gap: 0.5rem; + gap: 4px; .item { padding: 5px 8px !important; margin-block-start: 0.5rem;