fix: 手机编辑配方弹层合适宽度 + 打开时屏蔽 tab 滑动 #44

Merged

fam merged 7 commits from fix/mobile-edit-recipe-width into main 2026-04-18 19:13:05 +00:00

Conversation 8 Commits 7 Files Changed 4 +122 -19

fam commented 2026-04-18 13:28:10 +00:00

Contributor

Copy Link

Summary

• 移动端下 .overlay-panel 内边距从 24px 缩小到 16px，配合标题字号和 ratio 提示换行调整，让编辑配方弹层在手机上视觉更紧凑
• 把 .overlay 加入 App.vue 中 onSwipeEnd 的 modal 选择器，这样编辑弹层打开时左右滑动不再误触 tab 切换（同时惠及 BugTracker / Projects 的同名弹层）

Test plan

• npm run build 通过
• npm run test:unit 通过 (366 tests)
• 手机 Safari/Chrome 打开编辑配方，验证弹层宽度舒适、内容不被截断
• 手机上在编辑弹层里左右滑动，验证 tab 不会切换

🤖 Generated with Claude Code

## Summary - 移动端下 `.overlay-panel` 内边距从 24px 缩小到 16px，配合标题字号和 ratio 提示换行调整，让编辑配方弹层在手机上视觉更紧凑 - 把 `.overlay` 加入 `App.vue` 中 `onSwipeEnd` 的 modal 选择器，这样编辑弹层打开时左右滑动不再误触 tab 切换（同时惠及 BugTracker / Projects 的同名弹层） ## Test plan - [x] `npm run build` 通过 - [x] `npm run test:unit` 通过 (366 tests) - [ ] 手机 Safari/Chrome 打开编辑配方，验证弹层宽度舒适、内容不被截断 - [ ] 手机上在编辑弹层里左右滑动，验证 tab 不会切换 🤖 Generated with [Claude Code](https://claude.com/claude-code)

fam added 1 commit 2026-04-18 13:28:11 +00:00

fix: 手机编辑配方 overlay 合适宽度 + 屏蔽 tab 滑动 ... dacd4887aa

移动端下 .overlay-panel 内边距从 24px 缩小到 16px，配合标题
字号、容器外边距和 ratio 提示换行调整，使编辑配方弹层在手机
上视觉更紧凑。

另外把 .overlay 加入 onSwipeEnd 的 modal 选择器，编辑弹层
打开时不再被左右滑动误触切换 tab。

hera commented 2026-04-18 13:31:29 +00:00

Owner

Copy Link

🚀 Preview: https://pr-44.oil.oci.euphon.net

DB is a copy of production.

🚀 **Preview**: https://pr-44.oil.oci.euphon.net DB is a copy of production.

fam added 1 commit 2026-04-18 18:12:55 +00:00

fix: 精油搜索框撑宽整表，限制 width 100% 让 4 列都能展示 ... 2a2b1b8928

.form-select 之前没设 width，<input> 默认 size=20 宽约 180px，
把整个 editor-table 撑出面板，后面几列被挤出屏幕。加 width 100%
+ min-width 0 + box-sizing border-box，让精油列占剩余空间即可。

hera commented 2026-04-18 18:13:41 +00:00

Owner

Copy Link

🚀 Preview: https://pr-44.oil.oci.euphon.net

DB is a copy of production.

🚀 **Preview**: https://pr-44.oil.oci.euphon.net DB is a copy of production.

fam added 1 commit 2026-04-18 18:20:30 +00:00

test(e2e): 手机编辑配方 overlay 宽度 + swipe 屏蔽 ... 8cc06d4e75

新增 responsive.cy.js 里的 Mobile edit recipe overlay 块，覆盖：
- overlay-panel 无横向溢出
- 成分/用量/单价/小计 4 列 header 都在 panel 内
- 精油搜索输入不会撑出 panel 右边
- editor 打开时模拟横向 swipe，当前 tab 不切换

hera commented 2026-04-18 18:21:15 +00:00

Owner

Copy Link

🚀 Preview: https://pr-44.oil.oci.euphon.net

DB is a copy of production.

🚀 **Preview**: https://pr-44.oil.oci.euphon.net DB is a copy of production.

fam added 1 commit 2026-04-18 18:29:07 +00:00

ci: retrigger after batch 2 hang on recipe-detail 9b495794c0

hera commented 2026-04-18 18:29:36 +00:00

Owner

Copy Link

🚀 Preview: https://pr-44.oil.oci.euphon.net

DB is a copy of production.

🚀 **Preview**: https://pr-44.oil.oci.euphon.net DB is a copy of production.

fam added 1 commit 2026-04-18 18:37:27 +00:00

ci: retrigger (batch 2 e2e flaky) 1df4cf7f02

hera commented 2026-04-18 18:37:55 +00:00

Owner

Copy Link

🚀 Preview: https://pr-44.oil.oci.euphon.net

DB is a copy of production.

🚀 **Preview**: https://pr-44.oil.oci.euphon.net DB is a copy of production.

fam added 1 commit 2026-04-18 18:50:30 +00:00

ci: retrigger b983d7dc86

hera commented 2026-04-18 18:50:57 +00:00

Owner

Copy Link

🚀 Preview: https://pr-44.oil.oci.euphon.net

DB is a copy of production.

🚀 **Preview**: https://pr-44.oil.oci.euphon.net DB is a copy of production.

fam added 1 commit 2026-04-18 19:08:30 +00:00

ci: 拆 e2e batch 最多 6 个 spec，避免 Electron 挂死 ... 8739674c42

之前 batch 2 跑 10 个 spec 经常挂在第 5 个 spec 前后：runner log 显示
Cypress 完全静默 4+ 分钟，到 300s 外层 timeout 被 kill。本地跑同样批
次 60s 就结束，判断是 runner 资源紧张下 Electron 进程内存吃满、主
线程卡死；单次 run 的 spec 数越多越容易触发。

拆成 7 个小 batch（每批 ≤6 spec），单批结束回收 Cypress 进程+浏览
器，避免跨 spec 累积内存压力。同时把 batch 结果汇总从 3 个变量改
成 FAIL flag 里累加，方便扩展。

hera commented 2026-04-18 19:09:11 +00:00

Owner

Copy Link

🚀 Preview: https://pr-44.oil.oci.euphon.net

DB is a copy of production.

🚀 **Preview**: https://pr-44.oil.oci.euphon.net DB is a copy of production.

fam merged commit 8739674c42 into main 2026-04-18 19:13:05 +00:00

hera commented 2026-04-18 19:13:20 +00:00

Owner

Copy Link

🗑️ Preview torn down.

🗑️ Preview torn down.

Sign in to join this conversation.

Reviewers

No Reviewers

Labels

No items

No Label

Milestone

No items

No Milestone

Projects

Clear projects

No project

Assignees

Clear assignees

yoyo hera

No Assignees

2 Participants

Notifications

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: hera/oil-formula-calculator#44