优化仪表板仓库/组织列表样式, 好看多了, 愿称之为神之一手

This commit is contained in:
lutinglt
2025-08-12 22:32:31 +08:00
parent 62bc2afa2a
commit 1b81b6ad93
3 changed files with 48 additions and 1 deletions

View File

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