微调仓库相关界面元素间隔

.github/release.md

@@ -29,6 +29,7 @@
 - 优化仪表板的仓库组织切换按钮样式
 - 同步仓库已标星的星星颜色
 - 优化仪表板动态信息间隔
+- 微调仓库相关界面元素间隔
 
 ### 🐞 Fix
 

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

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 {

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;

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