同步用户点星仓库列表样式

This commit is contained in:
lutinglt
2025-08-12 16:05:38 +08:00
parent 00737f5203
commit 60e873b0e0
4 changed files with 66 additions and 1 deletions

3
.github/release.md vendored
View File

@@ -9,11 +9,12 @@
- 同步登录/注册页面样式
- 优化热力图和动态样式
- 优化私有标签样式, 组织页面下的 RSS 订阅按钮样式
- 同步用户点星仓库列表样式
## 🎈 Perf
- 略微增加仓库代码文件列表的单行高度与 GitHub 一致
- 优化创建仓库/迁移仓库/创建组织页面的样式与设置页面的样式一致
- 优化创建仓库/派生仓库/迁移仓库/创建组织页面的样式与设置页面的样式一致
- 优化消息右上角小图标样式
## 🐞 Fix

View File

@@ -13,3 +13,4 @@ import "./release";
import "./repo";
import "./setting";
import "./signin";
import "./user";

62
styles/components/user.ts Normal file
View File

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

View File

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