lhk229
51cb05f418
Project CI / AI game creator shell Rust crates (push) Successful in 5m56s
Project CI / AI game creator shell Rust lane 2/2 (push) Successful in 6m36s
Project CI / AI game creator shell Rust lane 1/2 (push) Successful in 7m37s
Project CI / Backend tests (push) Successful in 9m22s
Project CI / Frontend tests (push) Successful in 4m40s
Project CI / AI game creator shell web tests (push) Successful in 3m50s
Project CI / Repository checks (push) Successful in 6m30s
Project CI / Native shell tests (push) Successful in 8m32s
本 PR 补齐创作者主页与关注粉丝功能的产品合同和工程设计，供后续按里程碑实施；本次只修改文档。 桌面导航第四项进入自己的创作者主页，“我的”移到第五项。游戏详情可进入作者主页并关注/取消关注；自己或他人的关注、粉丝列表均公开可查看，点击用户头像或昵称可进入其主页。本人支持取消/重新关注、回关和移除粉丝，并明确两个关注方向独立。 工程设计包含关系表与 DTO、认证和事务边界、跨页状态同步、共享组件、深链及验收要求，拆分关系查询和页面交互两个里程碑。按用户要求，游戏列表沿用最多 48 项的现有限制，不增加游戏目录分页改造。 验证： - 已合入最新 origin/master（21c79f54a）；共享决策记录冲突保留双方新增内容。 - npm run check:encoding 通过。 - npm run check:doc-index 通过。 - git diff --check 与暂存差异检查通过。 - 相对 master 仅六份文档发生变化；没有业务代码或 schema 修改，未执行业务测试或部署。 Reviewed-on: #638 Co-authored-by: Linghong <ink29535@proton.me> Co-committed-by: Linghong <ink29535@proton.me>
78 lines
1.5 KiB
CSS
78 lines
1.5 KiB
CSS
.creator-user-row {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
flex-wrap: wrap;
|
|
min-width: 0;
|
|
}
|
|
.creator-user-link {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.75rem;
|
|
color: inherit;
|
|
text-decoration: none;
|
|
min-width: 0;
|
|
flex: 1;
|
|
min-height: 44px;
|
|
}
|
|
.creator-avatar {
|
|
display: grid;
|
|
place-items: center;
|
|
flex: none;
|
|
width: 48px;
|
|
height: 48px;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
background: var(--platform-panel-fill, #eee);
|
|
border: 1px solid var(--platform-surface-border, #ccc);
|
|
}
|
|
.creator-avatar img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
.creator-user-copy {
|
|
display: grid;
|
|
min-width: 0;
|
|
gap: 0.25rem;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
.creator-user-copy small {
|
|
color: var(--platform-text-soft);
|
|
}
|
|
.creator-user-actions {
|
|
display: flex;
|
|
gap: 0.5rem;
|
|
flex-wrap: wrap;
|
|
}
|
|
.creator-follow {
|
|
min-height: 44px;
|
|
padding: 0.5rem 1rem;
|
|
border: 1px solid var(--platform-surface-border, #ccc);
|
|
border-radius: 999px;
|
|
background: var(--platform-panel-fill, #fff);
|
|
color: inherit;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
}
|
|
.creator-follow:disabled {
|
|
opacity: 0.55;
|
|
cursor: default;
|
|
}
|
|
.creator-follow:focus-visible,
|
|
.creator-user-link:focus-visible {
|
|
outline: 2px solid #b85d3d;
|
|
outline-offset: 3px;
|
|
}
|
|
.creator-follow--active {
|
|
color: var(--platform-text-soft);
|
|
}
|
|
@media (max-width: 480px) {
|
|
.creator-user-row > .creator-user-link {
|
|
flex-basis: 100%;
|
|
}
|
|
.creator-user-row > .creator-user-actions {
|
|
margin-left: 60px;
|
|
}
|
|
}
|