diff --git a/.github/release.md b/.github/release.md index c669935..f2bfbee 100644 --- a/.github/release.md +++ b/.github/release.md @@ -29,6 +29,7 @@ - 优化仪表板的仓库组织切换按钮样式 - 同步仓库已标星的星星颜色 - 优化仪表板动态信息间隔 +- 微调仓库相关界面元素间隔 ### 🐞 Fix diff --git a/styles/components/filelist.ts b/styles/components/filelist.ts index 8f89e90..c362e53 100644 --- a/styles/components/filelist.ts +++ b/styles/components/filelist.ts @@ -31,8 +31,13 @@ export const syncFork = css` // 仓库文件列表 export const repoFiles = css` + // 文件列表和提交列表的按钮组 + .repo-button-row { + margin: 16px 0; + } .repository.file.list { #repo-files-table { + margin: 16px 0; // 头部最后一次提交 .repo-file-line { padding-right: 16px; @@ -91,11 +96,13 @@ export const repoFiles = css` #readme { .file-header { background: ${themeVars.color.body}; + min-height: 48px; + padding: 0px 8px !important; svg { color: ${themeVars.color.text.light.num1}; } .file-header-left { - padding: 6px 8px !important; + padding: 8px !important; // 伪元素宽度等于按钮宽度而不是父元素宽度 position: relative; &:hover { @@ -106,7 +113,7 @@ export const repoFiles = css` content: ""; background: ${themeVars.github.underlineNav.borderColor.active}; border-radius: ${otherThemeVars.border.radius}; - bottom: -8px; + bottom: -7px; left: 0; height: 2px; position: absolute; @@ -354,7 +361,8 @@ export const repoFileViewMobile = css` // 仓库代码布局调整, 侧边栏宽度调整 export const repoGrid = css` .repo-grid-filelist-sidebar { - grid-template-columns: auto 296px; + grid-template-columns: auto 312px; + gap: 24px; } @media (max-width: 767.98px) { @@ -373,11 +381,15 @@ export const repoSidebarTop = css` } .flex-item { padding: 10px 0 0 0; + // 仓库描述本身 .flex-item-title { - margin-top: 4px; + margin-top: 12px; } + // 仓库描述内容 .flex-item-body { - padding: 8px 0 0 0; + > .tw-flex:first-child { + margin-top: 21px !important; + } .repo-description { color: ${themeVars.color.text.self}; } diff --git a/styles/components/issue.ts b/styles/components/issue.ts index 5f3fed5..da0466a 100644 --- a/styles/components/issue.ts +++ b/styles/components/issue.ts @@ -18,6 +18,7 @@ export const issueList = css` border-top-right-radius: ${otherThemeVars.border.radius}; height: 48px; padding: 8px; + margin-top: 16px; .issue-list-toolbar-left { // 复选框 input { @@ -154,7 +155,7 @@ export const issueListMobile = css` export const issuePins = css` #issue-pins { gap: 12px; - margin-bottom: 14px; + margin-bottom: 16px; .issue-card { padding: 16px 12px; .content { diff --git a/styles/components/release.ts b/styles/components/release.ts index e683b5f..e8e2961 100644 --- a/styles/components/release.ts +++ b/styles/components/release.ts @@ -42,7 +42,7 @@ export const tags = css` export const releases = css` .page-content.repository.releases { > .ui.container > .divider { - margin: 14px 0; + margin: 16px 0; } ul#release-list { gap: 32px; diff --git a/styles/public/navbar.ts b/styles/public/navbar.ts index cd7de4b..b0423a4 100644 --- a/styles/public/navbar.ts +++ b/styles/public/navbar.ts @@ -121,3 +121,10 @@ export const navbarRight = css` } } `; + +// 二级导航栏 +export const secondaryNav = css` + .page-content > :first-child.secondary-nav { + margin-bottom: 16px; + } +`;