xiaoxia/xiaoxia-saas
1
0
Fork 0
Code Issues 14 Pull Requests Actions 1 Packages Projects Releases 7 Wiki Activity

fix(#1197): 增加Step3预览生成相关CSS样式（生成按钮/加载/错误状态）
CI/CD Pipeline / Build Staging API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Staging Web Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Staging Worker Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Deploy Staging (Watchtower auto-deploy) (pull_request) Has been skipped
Details
CI/CD Pipeline / Staging E2E Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / Staging API Integration Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / ACR Image Cleanup (pull_request) Has been skipped
Details
CI/CD Pipeline / Check if frontend-only change (pull_request) Successful in 38s
Details
CI/CD Pipeline / Unit Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / PR Build API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / PR Build Worker Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Frontend Unit Tests (pull_request) Failing after 32s
Details
Preview Deploy / Deploy Preview Environment (pull_request) Successful in 1m13s
Details
CI/CD Pipeline / Frontend Lint (pull_request) Failing after 53s
Details
CI/CD Pipeline / Validate - Type Check (mypy) (pull_request) Successful in 1m35s
Details
PR Automation / Auto Approve on CI Green (pull_request) Successful in 1m41s
Details
CI/CD Pipeline / Validate - Migration (alembic) (pull_request) Successful in 1m43s
Details
PR Automation / Auto Merge on CI Green + Approved (pull_request) Successful in 1m52s
Details
AI Code Review / AI Code Review (pull_request) Failing after 2m23s
Details
CI/CD Pipeline / PR Build Web Image (pull_request) Successful in 2m11s
Details
CI/CD Pipeline / Validate - Code Quality (pull_request) Successful in 4m28s
Details
CI/CD Pipeline / Integration Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Production API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Production Web Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Production Worker Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Deploy Production (pull_request) Has been skipped
Details
CI/CD Pipeline / Canary Release to Production (pull_request) Has been skipped
Details
CI/CD Pipeline / Production Browser E2E (pull_request) Has been skipped
Details
CI/CD Pipeline / CI Gate (pull_request) Failing after 1m26s
Details

Browse Source
This commit is contained in:
xiaoxia
2026-07-30 14:01:25 +08:00
parent 7cf7264922
commit e7b28623d6
1 changed files with 98 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/pages/generate/generate.css
+98
View File
@@ -2356,6 +2356,103 @@
生成预览步骤
================================================================ */
/* ── 初始状态：生成按钮 ── */
.xx-preview-generate-section {
text-align: center;
padding: 40px 20px;
background: var(--bg-tertiary);
border-radius: var(--radius-lg);
border: 2px dashed var(--border-color);
}
.xx-preview-generate-hint {
margin-bottom: 24px;
}
.xx-preview-generate-title {
font-size: 16px;
font-weight: 600;
color: var(--text-primary);
margin: 0 0 8px 0;
}
.xx-preview-generate-desc {
font-size: 13px;
color: var(--text-secondary);
margin: 0;
}
.xx-preview-generate-btn {
min-width: 160px;
height: 42px;
font-size: 14px;
}
/* ── 加载中状态 ── */
.xx-preview-loading {
text-align: center;
padding: 40px 20px;
background: var(--bg-tertiary);
border-radius: var(--radius-lg);
border: 1px solid var(--border-color);
}
.xx-preview-loading-text {
font-size: 15px;
font-weight: 600;
color: var(--text-primary);
margin: 16px 0 8px 0;
}
.xx-preview-loading-desc {
font-size: 13px;
color: var(--text-secondary);
margin: 0;
}
/* ── 错误状态 ── */
.xx-preview-error {
text-align: center;
padding: 32px 20px;
background: rgba(239, 68, 68, 0.06);
border-radius: var(--radius-lg);
border: 1px solid rgba(239, 68, 68, 0.2);
}
.xx-preview-error-text {
font-size: 15px;
font-weight: 600;
color: var(--error-color, #ef4444);
margin: 12px 0 6px 0;
}
.xx-preview-error-desc {
font-size: 13px;
color: var(--text-secondary);
margin: 0 0 16px 0;
}
/* ── 成功状态的操作按钮 ── */
.xx-preview-regenerate-btn {
margin-left: auto;
background: none;
border: none;
color: var(--text-tertiary);
font-size: 12px;
cursor: pointer;
display: flex;
align-items: center;
gap: 4px;
padding: 4px 8px;
border-radius: 4px;
transition: all 0.2s ease;
}
.xx-preview-regenerate-btn:hover {
color: var(--primary-color);
background: rgba(59, 130, 246, 0.1);
}
.xx-preview-tip {
display: flex;
align-items: center;
@@ -2639,3 +2736,4 @@
.ant-modal-close {
color: #fff !important;
}