From 1b81b6ad930a4e6d4f56e45f6f89069c7f81444f Mon Sep 17 00:00:00 2001 From: lutinglt Date: Tue, 12 Aug 2025 22:32:31 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BB=AA=E8=A1=A8=E6=9D=BF?= =?UTF-8?q?=E4=BB=93=E5=BA=93/=E7=BB=84=E7=BB=87=E5=88=97=E8=A1=A8?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F,=20=E5=A5=BD=E7=9C=8B=E5=A4=9A=E4=BA=86,=20?= =?UTF-8?q?=E6=84=BF=E7=A7=B0=E4=B9=8B=E4=B8=BA=E7=A5=9E=E4=B9=8B=E4=B8=80?= =?UTF-8?q?=E6=89=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .github/release.md | 1 + src/types/color/github.ts | 1 + styles/components/dashboard.ts | 47 +++++++++++++++++++++++++++++++++- 3 files changed, 48 insertions(+), 1 deletion(-) diff --git a/.github/release.md b/.github/release.md index 2ba7a14..a343401 100644 --- a/.github/release.md +++ b/.github/release.md @@ -8,6 +8,7 @@ - 同步分页菜单样式 - 同步登录/注册页面样式 - 优化热力图和动态样式 +- 优化仪表板仓库/组织列表样式 - 优化私有标签样式, 组织页面下的 RSS 订阅按钮样式 - 同步用户点星仓库列表样式 - 同步 Issue/PR 详细页面侧边栏样式 diff --git a/src/types/color/github.ts b/src/types/color/github.ts index aff61f6..66ea873 100644 --- a/src/types/color/github.ts +++ b/src/types/color/github.ts @@ -178,6 +178,7 @@ export const github = { * @commit `commit` 提交信息的 Action 按钮的悬停背景颜色 * @filelist `repoFiles` README 栏的按钮的悬停背景颜色 * @issue `issueSidebar` 操作按钮的悬停背景颜色 + * @dashboard `dashboard` 仓库列表项目的悬停背景颜色 */ hover: null, }, diff --git a/styles/components/dashboard.ts b/styles/components/dashboard.ts index 261e615..3ed64ae 100644 --- a/styles/components/dashboard.ts +++ b/styles/components/dashboard.ts @@ -1,4 +1,4 @@ -import { css } from "src/types/vars"; +import { css, otherThemeVars, themeVars } from "src/types/vars"; export const dashboard = css` .page-content.dashboard { @@ -6,5 +6,50 @@ export const dashboard = css` .ui.two.item.menu { background-color: unset; } + // 仓库/组织列表标题 + .ui.top.attached.header { + border: 0; + font-size: 20px; + font-weight: 400; + background-color: unset !important; + margin-bottom: 0.25rem; + } + // 仓库/组织列表 + .ui.attached.segment { + background-color: ${themeVars.color.menu}; + border: unset !important; + box-shadow: ${themeVars.github.shadow.floating.small}; + &.repos-search { + border-top-left-radius: 12px; + border-top-right-radius: 12px; + } + &.table { + &:last-child { + border-bottom-left-radius: 12px !important; + border-bottom-right-radius: 12px !important; + } + ul { + padding: 8px; + li { + border-radius: ${otherThemeVars.border.radius}; + &:not(:last-child) { + border-bottom: 0; + } + &:hover { + background: ${themeVars.github.control.transparent.bgColor.hover}; + } + a.muted:hover { + color: inherit; + text-decoration-line: none; + } + } + } + } + } + // 组织列表 + .ui.tab.dashboard-orgs .ui.attached.segment.table { + border-top-left-radius: 12px; + border-top-right-radius: 12px; + } } `;