前端 - MainLayout: 移除顶部标题栏,Workspace Tabs 提至最顶层,通知铃随行 - 账号入口由右上角移至左下角侧边栏底部(下拉:我的资料 / 退出登录), 折叠态仅保留头像 - /home 现渲染智能助手并作为其规范 URL;/tools/smart-assistant 保留为重定向别名 - 工作台总览移至 /overview,侧边栏入口同步调整 - workbench store: 新增 tab 归一化,迁移已持久化的旧标签与旧路由 - 智能助手欢迎语改为「我 Bosheng 数字员工,我帮你」 - 最佳实践卡片: 4 张减为 3 张,图片块高度减半(aspect-ratio 4/3 → 8/3) 产品更名 - 后端 system prompt、CLAUDE.md、PROJECT_STATE.md 及设计文档: 博昇内部培训平台 → EAI 数字员工平台 Co-Authored-By: Claude Code <noreply@anthropic.com>
78 lines
1.5 KiB
CSS
78 lines
1.5 KiB
CSS
/* EAI 数字员工平台 — 全局样式 */
|
|
/* 参考:docs/08_Design_Rules/DR01_Theme_System.md */
|
|
|
|
:root {
|
|
--nav-width: 189px;
|
|
--ai-panel-width: 360px;
|
|
--header-height: 0px; /* 无顶部导航 */
|
|
--top-rail-height: 72px;
|
|
--surface-bg: #ffffff;
|
|
--surface-border: #e4e7ed;
|
|
--surface-muted: #909399;
|
|
--surface-text: #303133;
|
|
--surface-soft: #f7f8fa;
|
|
|
|
/* Element Plus 主题色覆盖 */
|
|
--el-color-primary: #409eff;
|
|
--el-color-success: #67c23a;
|
|
--el-color-warning: #e6a23c;
|
|
--el-color-danger: #f56c6c;
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html, body, #app {
|
|
height: 100%;
|
|
width: 100%;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
|
|
'Helvetica Neue', Arial, 'Noto Sans SC', sans-serif;
|
|
background-color: #f5f7fa;
|
|
}
|
|
|
|
/* 滚动条样式 */
|
|
::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background: #c0c4cc;
|
|
border-radius: 3px;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
/* 通用页面容器 */
|
|
.page-container {
|
|
padding: 24px;
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
/* AI 聊天气泡 */
|
|
.ai-bubble-user {
|
|
background-color: #ecf5ff;
|
|
border-radius: 12px 12px 4px 12px;
|
|
padding: 10px 14px;
|
|
margin: 8px 0;
|
|
max-width: 85%;
|
|
align-self: flex-end;
|
|
font-size: 14px;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.ai-bubble-assistant {
|
|
background-color: #f0f2f5;
|
|
border-radius: 12px 12px 12px 4px;
|
|
padding: 10px 14px;
|
|
margin: 8px 0;
|
|
max-width: 85%;
|
|
align-self: flex-start;
|
|
font-size: 14px;
|
|
line-height: 1.6;
|
|
}
|