feat/profile-dashboard-polish
本次提交对个人中心(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 内部滚动容器
Description
OmniAI Web Frontend
Languages
TypeScript
51.3%
CSS
47.1%
JavaScript
1.1%
HTML
0.5%