Keep architecture direction explicit on narrow screens

This commit is contained in:
wuyang6
2026-11-09 10:58:14 +08:00
parent a2e3ceb4ca
commit 4adf62b6bc
+10 -7
View File
@@ -1390,22 +1390,25 @@ main .source-line {
font-size: 11px; font-size: 11px;
} }
.architecture-flow { .architecture-flow {
flex-wrap: wrap; flex-direction: column;
justify-content: center; justify-content: center;
gap: 5px 4px; gap: 7px;
} }
.flow-node { .flow-node {
flex: 0 0 26%; flex: none;
padding: 9px 3px; width: 100%;
padding: 8px 10px;
} }
.flow-node strong { .flow-node strong {
font-size: 10px; font-size: 12px;
} }
.flow-node small { .flow-node small {
font-size: 8px; font-size: 10px;
} }
.architecture-flow .flow-arrow { .architecture-flow .flow-arrow {
font-size: 12px; font-size: 15px;
line-height: 1;
transform: rotate(90deg);
} }
.architecture-detail { .architecture-detail {
margin-top: 20px; margin-top: 20px;