fix: wrap growth rail on mobile

2026-06-25 14:14:16 +08:00
parent 92c8f3776f
commit dc154a01b1
3 changed files with 25 additions and 2 deletions
--- a/web/static/css/ewoooc-shell.css
+++ b/web/static/css/ewoooc-shell.css
@@ -786,6 +786,28 @@ body.momo-v2-body {
  }

  .momo-growth-rail {
-    padding: 6px 14px;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    gap: 6px;
+    padding: 6px 10px;
+    overflow-x: hidden;
+  }
+
+  .momo-growth-goal {
+    flex: 1 1 100%;
+    justify-content: flex-start;
+    margin-right: 0;
+  }
+
+  .momo-growth-current {
+    flex: 1 1 auto;
+    justify-content: flex-start;
+    border-left: 0;
+    padding: 0 6px;
+  }
+
+  .momo-growth-step {
+    flex: 0 1 auto;
+    padding: 0 8px;
  }
 }