优化创建仓库/迁移仓库/创建组织页面的样式与设置页面的样式一致

.github/release.md

@@ -10,6 +10,7 @@
 ## 🎈 Perf
 
 - 略微增加仓库代码文件列表的单行高度与 GitHub 一致
+- 优化创建仓库/迁移仓库/创建组织页面的样式与设置页面的样式一致
 
 ## 🐞 Fix
 

TODO.md

@@ -7,4 +7,3 @@
 - 打开文件时的文件导航树样式和滚动高度
 - 私有库标签大小, 组织页面下的RSS订阅按钮样式
 - 登录/注册页面样式
-- 创建仓库页面样式 ? (待验证)

styles/components/setting.ts

@@ -76,33 +76,3 @@ export const label = css`
     }
   }
 `;
-
-// 设置右面板的内容
-export const content = css`
-  .user-main-content,
-  .repo-setting-content,
-  .user-setting-content,
-  .org-setting-content,
-  .admin-setting-content {
-    .ui.top.attached.header {
-      border: 0;
-      font-size: 1.5rem;
-      font-weight: 400;
-      background-color: unset !important;
-      margin-bottom: 0.25rem;
-    }
-
-    .ui.attached.segment {
-      background-color: unset;
-      border-radius: 0.5rem !important;
-    }
-
-    .ui.attached.segment:not(.error) {
-      border: 1px solid ${themeVars.color.light.border} !important;
-    }
-
-    .ui.attached.segment.error {
-      border: 1px solid ${themeVars.color.error.border} !important;
-    }
-  }
-`;

styles/public/attached.ts

@@ -0,0 +1,35 @@
+import { css, themeVars } from "src/types/vars";
+
+export const content = css`
+  // 设置右面板的内容
+  .user-main-content,
+  .repo-setting-content,
+  .user-setting-content,
+  .org-setting-content,
+  .admin-setting-content,
+  // 新建页面内容
+  .page-content.repository.new-repo,
+  .page-content.repository.new.migrate,
+  .page-content.organization.new.org {
+    .ui.top.attached.header {
+      border: 0;
+      font-size: 1.5rem;
+      font-weight: 400;
+      background-color: unset !important;
+      margin-bottom: 0.25rem;
+    }
+
+    .ui.attached.segment {
+      background-color: unset;
+      border-radius: 0.5rem !important;
+    }
+
+    .ui.attached.segment:not(.error) {
+      border: 1px solid ${themeVars.color.light.border} !important;
+    }
+
+    .ui.attached.segment.error {
+      border: 1px solid ${themeVars.color.error.border} !important;
+    }
+  }
+`;

styles/public/index.ts

@@ -13,3 +13,4 @@ import "./menu"; // 菜单
 import "./modal"; // 弹窗
 import "./tippy"; // 提示框
 import "./navbar"; // 导航栏
+import "./attached"; // 附加样式

styles/public/menu.ts

@@ -197,6 +197,7 @@ export const secondaryMenu = css`
 // 分页菜单
 export const paginationMenu = css`
   .ui.borderless.pagination.menu {
+    align-items: center;
     background-color: unset;
     border: 0;
     gap: 4px;