style(responsive): migrate fixed UI sizes to tokens

2026-07-03 10:22:37 +08:00
parent 38d31572dd
commit bb6ebbae7e
28 changed files with 312 additions and 229 deletions
@@ -17,8 +17,16 @@
  --pwa-button-height: 44px;

  /* 对话框 */
-  --dialog-max-width: min(calc(100vw - 40px), 380px);
-  --pwa-install-dialog-max-width: min(calc(100vw - 40px), 380px);
+  --dialog-safe-margin: clamp(16px, 4.444vw, 24px);
+  --dialog-max-width: min(
+    calc(100vw - calc(var(--dialog-safe-margin) * 2)),
+    380px
+  );
+  --dialog-wide-max-width: min(
+    calc(100vw - calc(var(--dialog-safe-margin) * 2)),
+    420px
+  );
+  --pwa-install-dialog-max-width: var(--dialog-max-width);
  --pwa-install-container-size: 64px;

  /* 列表项 */