fix(mobile): extra-large font mode layout for work-results header and login code row

Zoom-1.25 shrinks the effective layout width, so the work-results
title wrapped mid-word and the login code placeholder was clipped.
Wrap the header actions to a second line and stack the code row.
This commit is contained in:
2026-07-21 11:18:07 +08:00
parent a52d02032e
commit 321d7ac49a
2 changed files with 13 additions and 1 deletions
@@ -538,4 +538,13 @@ onShow(() => {
min-height: 56px; min-height: 56px;
} }
} }
html[data-aihr-font-size='extra-large'] .code-row {
grid-template-columns: minmax(0, 1fr);
}
html[data-aihr-font-size='extra-large'] .code-button {
min-height: 52px;
font-size: 15px;
}
</style> </style>
@@ -126,5 +126,8 @@ onShow(load);
</script> </script>
<style scoped> <style scoped>
.result-page{min-height:100vh;padding:18px 16px 40px;background:#f4f5f7;color:#171b23;box-sizing:border-box}.page-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.back{width:42px;height:42px;padding:0;border:1px solid #dfe2e7;border-radius:14px;background:#fff;font-size:32px;line-height:38px}.back::after,.refresh::after,.text-action::after,.status-action::after{border:0}.head-copy{display:flex;min-width:0;flex:1;flex-direction:column}.title{font-size:25px;font-weight:800}.subtitle{margin-top:3px;color:#7d8592;font-size:14px}.refresh{padding:8px 12px;border:1px solid #ef3340;border-radius:18px;background:#fff;color:#d9081c;font-size:13px}.message{margin-bottom:12px;padding:10px 12px;border-radius:12px;background:#fff0f1;color:#c6091b}.summary-card,.section-card,.empty-card{margin-bottom:14px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;box-shadow:0 8px 26px rgba(31,38,50,.05)}.summary-card{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 8px;text-align:center}.summary-card>view{display:flex;flex-direction:column;border-right:1px solid #eceef1}.summary-card>view:last-child{border:0}.summary-number{color:#e60012;font-size:27px;font-weight:800}.summary-number.warning{color:#d98200}.summary-label{margin-top:4px;color:#747c89;font-size:12px}.section-card{padding:16px}.section-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #eceef1}.section-title{font-size:19px;font-weight:800}.section-count{color:#8a919d;font-size:13px}.result-item{padding:14px 0;border-bottom:1px solid #eff0f2}.result-item:last-child{border:0}.item-meta{display:flex;gap:8px;align-items:center}.type-tag,.status-tag{padding:3px 8px;border-radius:9px;background:#fff0f1;color:#d9081c;font-size:12px}.status-tag{background:#f2f3f5;color:#59616f}.item-summary{display:block;margin-top:9px;font-size:16px;line-height:1.55}.item-time{display:block;margin-top:6px;color:#8a919d;font-size:12px}.item-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.text-action,.status-action{padding:7px 11px;border:1px solid #dfe2e7;border-radius:14px;background:#fff;font-size:13px}.status-action{border-color:#ef3340;color:#d9081c}.empty-card{display:flex;align-items:center;flex-direction:column;padding:34px 22px;text-align:center}.empty-title{font-size:18px;font-weight:700}.empty-desc{margin:9px 0 18px;color:#7d8592;line-height:1.6}.primary{margin-top:18px;padding:10px 22px;border:0;border-radius:20px;background:#e60012;color:#fff} .result-page{min-height:100vh;padding:18px 16px 40px;background:#f4f5f7;color:#171b23;box-sizing:border-box}.page-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.back{width:42px;height:42px;padding:0;border:1px solid #dfe2e7;border-radius:14px;background:#fff;font-size:32px;line-height:38px}.back::after,.refresh::after,.text-action::after,.status-action::after{border:0}.head-copy{display:flex;min-width:0;flex:1;flex-direction:column}.title{font-size:25px;font-weight:800}.subtitle{margin-top:3px;color:#7d8592;font-size:14px}.refresh{padding:8px 12px;border:1px solid #ef3340;border-radius:18px;background:#fff;color:#d9081c;font-size:13px}
html[data-aihr-font-size='extra-large'] .result-page .page-head{flex-wrap:wrap}
html[data-aihr-font-size='extra-large'] .result-page .head-copy{flex:1 1 calc(100% - 54px)}
html[data-aihr-font-size='extra-large'] .result-page .refresh{margin-left:54px}.message{margin-bottom:12px;padding:10px 12px;border-radius:12px;background:#fff0f1;color:#c6091b}.summary-card,.section-card,.empty-card{margin-bottom:14px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;box-shadow:0 8px 26px rgba(31,38,50,.05)}.summary-card{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 8px;text-align:center}.summary-card>view{display:flex;flex-direction:column;border-right:1px solid #eceef1}.summary-card>view:last-child{border:0}.summary-number{color:#e60012;font-size:27px;font-weight:800}.summary-number.warning{color:#d98200}.summary-label{margin-top:4px;color:#747c89;font-size:12px}.section-card{padding:16px}.section-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #eceef1}.section-title{font-size:19px;font-weight:800}.section-count{color:#8a919d;font-size:13px}.result-item{padding:14px 0;border-bottom:1px solid #eff0f2}.result-item:last-child{border:0}.item-meta{display:flex;gap:8px;align-items:center}.type-tag,.status-tag{padding:3px 8px;border-radius:9px;background:#fff0f1;color:#d9081c;font-size:12px}.status-tag{background:#f2f3f5;color:#59616f}.item-summary{display:block;margin-top:9px;font-size:16px;line-height:1.55}.item-time{display:block;margin-top:6px;color:#8a919d;font-size:12px}.item-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.text-action,.status-action{padding:7px 11px;border:1px solid #dfe2e7;border-radius:14px;background:#fff;font-size:13px}.status-action{border-color:#ef3340;color:#d9081c}.empty-card{display:flex;align-items:center;flex-direction:column;padding:34px 22px;text-align:center}.empty-title{font-size:18px;font-weight:700}.empty-desc{margin:9px 0 18px;color:#7d8592;line-height:1.6}.primary{margin-top:18px;padding:10px 22px;border:0;border-radius:20px;background:#e60012;color:#fff}
</style> </style>