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>
66 lines
1.4 KiB
CSS
66 lines
1.4 KiB
CSS
.game-card {
|
|
display: block;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
border: 1px solid var(--platform-surface-border);
|
|
border-radius: 1.45rem;
|
|
padding: 0;
|
|
background: var(--platform-panel-fill);
|
|
color: inherit;
|
|
cursor: pointer;
|
|
text-align: left;
|
|
box-shadow: var(--platform-panel-shadow);
|
|
transition: 180ms ease;
|
|
}
|
|
.game-card:hover {
|
|
border-color: rgba(199, 101, 61, 0.38);
|
|
box-shadow: 0 1rem 2.4rem rgba(104, 54, 36, 0.14);
|
|
transform: translateY(-3px);
|
|
}
|
|
.game-card__body {
|
|
display: block;
|
|
padding: 0.95rem 1rem 1.1rem;
|
|
}
|
|
.game-card__title-row {
|
|
display: flex;
|
|
align-items: baseline;
|
|
justify-content: space-between;
|
|
gap: 0.5rem;
|
|
}
|
|
.game-card__title-row strong {
|
|
overflow: hidden;
|
|
font-size: 1rem;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.game-card__play-count {
|
|
flex: none;
|
|
color: var(--platform-text-soft);
|
|
font-size: 0.66rem;
|
|
}
|
|
.game-card__summary {
|
|
display: block;
|
|
overflow: hidden;
|
|
margin-top: 0.42rem;
|
|
color: var(--platform-text-base);
|
|
font-size: 0.78rem;
|
|
line-height: 1.55;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.game-card__rating {
|
|
display: block;
|
|
margin-top: 0.42rem;
|
|
color: var(--platform-text-base);
|
|
font-size: 0.78rem;
|
|
line-height: 1.55;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
.game-card__meta {
|
|
display: flex;
|
|
gap: 0.38rem;
|
|
margin-top: 0.85rem;
|
|
color: var(--platform-text-soft);
|
|
font-size: 0.7rem;
|
|
}
|