fix(training): 修复 AI 跟练首页动作卡片在部分机型上变成单列

两张卡片宽度加固定 gap 恰好凑满 100%，rpx 换算取整后多出 1px，第二张被挤到下一行。列间距改用 space-between 分配。
2026-10-31 11:56:31 +08:00
parent 17f47b15ec
commit 84be21b1bf
1 changed files with 4 additions and 1 deletions
@@ -223,10 +223,13 @@ function open(id: MoveId) {
    color: #6c7a71;
 }

+// 列间距用 space-between 分配剩余空间：rpx 换算 px 有取整，“两张卡 + 固定 gap”恰好凑满 100% 时
+// 部分机型会多出 1px，第二张卡被挤到下一行
 .grid {
    display: flex;
    flex-wrap: wrap;
-    gap: 24rpx;
+    justify-content: space-between;
+    row-gap: 24rpx;
 }

 .card {