Keep architecture direction explicit on narrow screens

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