fix: 工作流程图强制一行显示

This commit is contained in:
lidf 2026-04-07 08:35:39 +08:00
parent aaa938ad45
commit 96e0f6b9ee

View File

@ -352,15 +352,14 @@
.flow-steps { .flow-steps {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
gap: 12px; gap: 8px;
flex-wrap: wrap; flex-wrap: nowrap;
justify-content: center; justify-content: center;
} }
.flow-step { .flow-step {
flex: 1; flex: 1;
min-width: 140px; min-width: 0;
max-width: 180px;
text-align: center; text-align: center;
} }
@ -401,13 +400,15 @@
align-items: center; align-items: center;
padding-top: 18px; padding-top: 18px;
color: var(--text-muted); color: var(--text-muted);
flex-shrink: 0;
} }
.flow-arrow svg { .flow-arrow svg {
width: 20px; height: 20px; width: 18px; height: 18px;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.flow-steps { flex-wrap: wrap; }
.flow-arrow { display: none; } .flow-arrow { display: none; }
.flow-section { padding: 32px 20px; } .flow-section { padding: 32px 20px; }
} }