From 0df107a1662e304386c83253b304ade496aba39f Mon Sep 17 00:00:00 2001 From: lutinglt Date: Tue, 12 Aug 2025 09:47:43 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=88=9B=E5=BB=BA=E4=BB=93?= =?UTF-8?q?=E5=BA=93/=E8=BF=81=E7=A7=BB=E4=BB=93=E5=BA=93/=E5=88=9B?= =?UTF-8?q?=E5=BB=BA=E7=BB=84=E7=BB=87=E9=A1=B5=E9=9D=A2=E7=9A=84=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E4=B8=8E=E8=AE=BE=E7=BD=AE=E9=A1=B5=E9=9D=A2=E7=9A=84?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=B8=80=E8=87=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .github/release.md | 1 + TODO.md | 1 - styles/components/setting.ts | 30 ------------------------------ styles/public/attached.ts | 35 +++++++++++++++++++++++++++++++++++ styles/public/index.ts | 1 + styles/public/menu.ts | 1 + 6 files changed, 38 insertions(+), 31 deletions(-) create mode 100644 styles/public/attached.ts 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;