diff --git a/.github/release.md b/.github/release.md index ebedbf7..b96ca6d 100644 --- a/.github/release.md +++ b/.github/release.md @@ -9,11 +9,12 @@ - 同步登录/注册页面样式 - 优化热力图和动态样式 - 优化私有标签样式, 组织页面下的 RSS 订阅按钮样式 +- 同步用户点星仓库列表样式 ## 🎈 Perf - 略微增加仓库代码文件列表的单行高度与 GitHub 一致 -- 优化创建仓库/迁移仓库/创建组织页面的样式与设置页面的样式一致 +- 优化创建仓库/派生仓库/迁移仓库/创建组织页面的样式与设置页面的样式一致 - 优化消息右上角小图标样式 ## 🐞 Fix diff --git a/styles/components/index.ts b/styles/components/index.ts index a4d65d9..23c12d7 100644 --- a/styles/components/index.ts +++ b/styles/components/index.ts @@ -13,3 +13,4 @@ import "./release"; import "./repo"; import "./setting"; import "./signin"; +import "./user"; diff --git a/styles/components/user.ts b/styles/components/user.ts new file mode 100644 index 0000000..e56d60a --- /dev/null +++ b/styles/components/user.ts @@ -0,0 +1,62 @@ +import { css, themeVars } from "src/types/vars"; + +// 用户点星仓库列表 +export const stars = css` + .page-content.user.profile { + .stars { + > .flex-list { + > .flex-item { + padding: 24px 0; + &:first-child { + padding-top: 14px; + } + // 仓库头像 + > .flex-item-leading { + img, + svg { + color: ${themeVars.color.text.light.num1}; + } + } + // 仓库信息 + > .flex-item-main { + // 仓库标题 + > .flex-item-header { + // 仓库名称 + > .flex-item-title { + font-size: 20px; + gap: 8px; + // 仓库中间的间隔线 + &:not(a) { + color: ${themeVars.color.primary.self}; + } + } + // 仓库语言, 星标 + > .flex-item-trailing { + color: ${themeVars.color.text.light.num1}; + gap: 16px; + font-size: 12px; + > .flex-text-inline .color-icon { + width: 12px; + height: 12px; + margin-right: 0 !important; + } + } + } + // 描述和更新时间 + > .flex-item-body { + margin-top: 10px; + // 更新时间 + &:last-child { + font-size: 12px; + } + } + // 主题标签 + > .label-list { + margin-top: 10px; + } + } + } + } + } + } +`; diff --git a/styles/public/attached.ts b/styles/public/attached.ts index 4183fde..d662279 100644 --- a/styles/public/attached.ts +++ b/styles/public/attached.ts @@ -10,6 +10,7 @@ export const attached = css` // 新建页面内容 .page-content.repository.new-repo, .page-content.repository.new.migrate, + .page-content.repository.new.fork, .page-content.organization.new.org { .ui.top.attached.header { border: 0;