Files
AIOA/deploy/compose/keycloak/themes/aioa/login/resources/css/login.css
T
selfrelease 57c8a26147 feat: LLM多阶段交互式Schema生成 + UI布局优化
- AI Service: 多阶段对话模型(理解→澄清→生成→校验→确认),支持对话历史和当前Schema上下文
- Backend: 适配多阶段AI模型,Gateway/Service/Controller传递history和currentSchema
- Frontend: AiDesignerChat组件重写,支持阶段徽章、快速回复、Schema校验展示
- Frontend: 表单/流程设计器布局优化,AI助手和Schema预览作为独立列
- Frontend: 流程设计器元数据和模式选择器合并为一行
- Keycloak: 自定义登录主题(中文化)
- 修复CSS媒体查询括号平衡问题
2026-07-19 09:36:42 +08:00

125 lines
2.5 KiB
CSS

/*
* AIOA 自定义登录主题样式
* 适配 Keycloak v2 主题 (PatternFly v5)
*/
:root {
--pf-v5-global--primary-color--100: #2563eb;
--pf-v5-global--primary-color--200: #1d4ed8;
--pf-v5-global--BackgroundColor--100: #f0f4f8;
--aioa-gradient-start: #1e3a8a;
--aioa-gradient-end: #2563eb;
}
/* 整体页面背景 */
.login-pf body,
body.pf-v5-c-login {
background: linear-gradient(135deg, var(--aioa-gradient-start) 0%, var(--aioa-gradient-end) 100%) !important;
min-height: 100vh;
}
/* 登录卡片 */
.pf-v5-c-login__main {
background: #ffffff;
border-radius: 16px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}
.pf-v5-c-login__main-header {
padding: 40px 36px 0 36px;
}
.pf-v5-c-login__main-header h1 {
font-size: 22px;
font-weight: 700;
color: #1e293b;
}
.pf-v5-c-login__main-header p {
font-size: 14px;
color: #64748b;
}
.pf-v5-c-login__main-body {
padding: 28px 36px;
}
/* 表单输入框 */
.pf-v5-c-form__group {
margin-bottom: 20px;
}
.pf-v5-c-form-control {
border: 1.5px solid #cbd5e1 !important;
border-radius: 8px !important;
padding: 10px 14px !important;
font-size: 15px !important;
transition: border-color 0.2s, box-shadow 0.2s;
}
.pf-v5-c-form-control:focus {
border-color: #2563eb !important;
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
outline: none;
}
/* 登录按钮 */
.pf-v5-c-button.pf-m-primary {
background: linear-gradient(135deg, #1e3a8a, #2563eb) !important;
border: none !important;
border-radius: 8px !important;
padding: 12px 24px !important;
font-size: 15px !important;
font-weight: 600 !important;
width: 100%;
cursor: pointer;
transition: opacity 0.2s, transform 0.1s;
}
.pf-v5-c-button.pf-m-primary:hover {
opacity: 0.92;
}
.pf-v5-c-button.pf-m-primary:active {
transform: scale(0.98);
}
/* 次要链接 */
.pf-v5-c-login__main-footer a,
.pf-v5-c-form__helper-text a {
color: #2563eb;
font-size: 14px;
text-decoration: none;
}
.pf-v5-c-login__main-footer a:hover,
.pf-v5-c-form__helper-text a:hover {
text-decoration: underline;
}
/* 提示信息 */
.pf-v5-c-alert {
border-radius: 8px;
font-size: 14px;
}
/* 页脚 */
.pf-v5-c-login__footer {
text-align: center;
font-size: 12px;
color: rgba(255, 255, 255, 0.7);
padding: 16px;
}
/* 响应式 */
@media (max-width: 480px) {
.pf-v5-c-login__main {
border-radius: 12px;
}
.pf-v5-c-login__main-header,
.pf-v5-c-login__main-body {
padding-left: 20px;
padding-right: 20px;
}
}