OmniAI/omniai-web
3
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat: 个人中心仪表盘视觉打磨与交互优化 #21

Merged
stringadmin merged 1 commits from feat/profile-dashboard-polish into master 2026-06-05 10:29:24 +00:00
Conversation 0 Commits 1 Files Changed 4
+1218 -34
stringadmin commented 2026-06-05 10:29:11 +00:00
Owner
Copy Link
Copy Source

本次提交对个人中心（Profile Dashboard）进行了全面的 UI/UX 升级：

AppShell 导航修复

  • 修复浮动导航栏显示逻辑：移除未登录状态下多余的 session 判断条件，确保登录页不显示导航

ProfilePage 功能增强

  • 新增面板标题、描述和计数变量，动态展示不同面板（代表作/服务器项目/我的资产/社区审核）的上下文信息
  • 背景图更换按钮增加 aria-label 无障碍支持，文字使用独立 span 便于移动端隐藏
  • 积分与任务切换按钮拆分为标签+数值结构，信息层级更清晰
  • 账号摘要卡片新增套餐名称和已完成任务数展示
  • 操作按钮（工作台/社区/退出登录）包裹至 actions 容器，统一布局管理
  • 主面板标签页文字包裹 span，支持响应式隐藏

profile.css 滚动模型调整

  • Dashboard 视图改用页面自然滚动，替代嵌套区域滚动，避免双滚动条问题

dark-green.css 主题样式（约 1160 行新增）

  • 背景图与头像区域：毛玻璃按钮、头像环绿边光晕、hover 编辑覆盖层
  • 个性签名：圆角胶囊展示态 + 编辑态双向布局，状态提示条
  • 账号卡片：标签按钮网格化布局、积分摘要面板、套餐标签
  • 操作按钮组：主按钮渐变绿色、次要按钮低对比、退出按钮红色警示
  • 内容标签页：胶囊切换 + 计数徽章，激活态绿边高亮
  • 列表卡片：hover 微上浮 + 绿色边框过渡，空状态虚线面板
  • 多轮视觉迭代：从 graphite 灰调到最终 black+green 参考色调
  • 响应式适配：移动端头像环缩小、背景按钮圆形、标签页紧凑排列
  • 页面级滚动：让 body 自然滚动，取消 content 内部滚动容器
本次提交对个人中心（Profile Dashboard）进行了全面的 UI/UX 升级： ## AppShell 导航修复 - 修复浮动导航栏显示逻辑：移除未登录状态下多余的 session 判断条件，确保登录页不显示导航 ## ProfilePage 功能增强 - 新增面板标题、描述和计数变量，动态展示不同面板（代表作/服务器项目/我的资产/社区审核）的上下文信息 - 背景图更换按钮增加 aria-label 无障碍支持，文字使用独立 span 便于移动端隐藏 - 积分与任务切换按钮拆分为标签+数值结构，信息层级更清晰 - 账号摘要卡片新增套餐名称和已完成任务数展示 - 操作按钮（工作台/社区/退出登录）包裹至 actions 容器，统一布局管理 - 主面板标签页文字包裹 span，支持响应式隐藏 ## profile.css 滚动模型调整 - Dashboard 视图改用页面自然滚动，替代嵌套区域滚动，避免双滚动条问题 ## dark-green.css 主题样式（约 1160 行新增） - 背景图与头像区域：毛玻璃按钮、头像环绿边光晕、hover 编辑覆盖层 - 个性签名：圆角胶囊展示态 + 编辑态双向布局，状态提示条 - 账号卡片：标签按钮网格化布局、积分摘要面板、套餐标签 - 操作按钮组：主按钮渐变绿色、次要按钮低对比、退出按钮红色警示 - 内容标签页：胶囊切换 + 计数徽章，激活态绿边高亮 - 列表卡片：hover 微上浮 + 绿色边框过渡，空状态虚线面板 - 多轮视觉迭代：从 graphite 灰调到最终 black+green 参考色调 - 响应式适配：移动端头像环缩小、背景按钮圆形、标签页紧凑排列 - 页面级滚动：让 body 自然滚动，取消 content 内部滚动容器
stringadmin added 1 commit 2026-06-05 10:29:11 +00:00
feat: 个人中心仪表盘视觉打磨与交互优化 bbc705c8d9 
本次提交对个人中心（Profile Dashboard）进行了全面的 UI/UX 升级：

## AppShell 导航修复
- 修复浮动导航栏显示逻辑：移除未登录状态下多余的 session 判断条件，确保登录页不显示导航

## ProfilePage 功能增强
- 新增面板标题、描述和计数变量，动态展示不同面板（代表作/服务器项目/我的资产/社区审核）的上下文信息
- 背景图更换按钮增加 aria-label 无障碍支持，文字使用独立 span 便于移动端隐藏
- 积分与任务切换按钮拆分为标签+数值结构，信息层级更清晰
- 账号摘要卡片新增套餐名称和已完成任务数展示
- 操作按钮（工作台/社区/退出登录）包裹至 actions 容器，统一布局管理
- 主面板标签页文字包裹 span，支持响应式隐藏

## profile.css 滚动模型调整
- Dashboard 视图改用页面自然滚动，替代嵌套区域滚动，避免双滚动条问题

## dark-green.css 主题样式（约 1160 行新增）
- 背景图与头像区域：毛玻璃按钮、头像环绿边光晕、hover 编辑覆盖层
- 个性签名：圆角胶囊展示态 + 编辑态双向布局，状态提示条
- 账号卡片：标签按钮网格化布局、积分摘要面板、套餐标签
- 操作按钮组：主按钮渐变绿色、次要按钮低对比、退出按钮红色警示
- 内容标签页：胶囊切换 + 计数徽章，激活态绿边高亮
- 列表卡片：hover 微上浮 + 绿色边框过渡，空状态虚线面板
- 多轮视觉迭代：从 graphite 灰调到最终 black+green 参考色调
- 响应式适配：移动端头像环缩小、背景按钮圆形、标签页紧凑排列
- 页面级滚动：让 body 自然滚动，取消 content 内部滚动容器
stringadmin merged commit 5bdeac20fb into master 2026-06-05 10:29:24 +00:00
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
audrey duchen ludan stringadmin
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: OmniAI/omniai-web#21
Delete Branch "feat/profile-dashboard-polish"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?