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; + } } `;