diff --git a/.github/release.md b/.github/release.md index a92f035..3d73c47 100644 --- a/.github/release.md +++ b/.github/release.md @@ -10,6 +10,7 @@ ## 🎈 Perf - 略微增加仓库代码文件列表的单行高度与 GitHub 一致 +- 优化创建仓库/迁移仓库/创建组织页面的样式与设置页面的样式一致 ## 🐞 Fix diff --git a/TODO.md b/TODO.md index 44e4f5b..09c8d5d 100644 --- a/TODO.md +++ b/TODO.md @@ -7,4 +7,3 @@ - 打开文件时的文件导航树样式和滚动高度 - 私有库标签大小, 组织页面下的RSS订阅按钮样式 - 登录/注册页面样式 -- 创建仓库页面样式 ? (待验证) diff --git a/styles/components/setting.ts b/styles/components/setting.ts index ddb318f..0151e35 100644 --- a/styles/components/setting.ts +++ b/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; - } - } -`; diff --git a/styles/public/attached.ts b/styles/public/attached.ts new file mode 100644 index 0000000..1ebe780 --- /dev/null +++ b/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; + } + } +`; diff --git a/styles/public/index.ts b/styles/public/index.ts index c59bc61..09d2367 100644 --- a/styles/public/index.ts +++ b/styles/public/index.ts @@ -13,3 +13,4 @@ import "./menu"; // 菜单 import "./modal"; // 弹窗 import "./tippy"; // 提示框 import "./navbar"; // 导航栏 +import "./attached"; // 附加样式 diff --git a/styles/public/menu.ts b/styles/public/menu.ts index 1ccae11..44f180e 100644 --- a/styles/public/menu.ts +++ b/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;