fix(frontend): 优化派对页邀请链接手机端布局 - #9
Merged
Merged
Conversation
- 邀请码与邀请链接改为纵向全宽排列，避免窄屏横向挤压 - 将 URL 文本与复制按钮分离，修复 overflow 裁剪导致无法点击复制的问题 - 为复制按钮提供 40px 触控区域，并增大邀请码复制图标点击范围 Co-authored-by: pplulee <hi@pplulee.me>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
问题
派对详情页（
PartyShowPage）在手机端存在邀请链接区域布局异常：overflow: hidden应用在 Ant Designcopyable的同一容器上，导致复制图标被裁剪或无法点击修改
PartyShowPage.tsxbbs-party-invite-group）navigator.clipboard+ 40px 触控按钮替代内联Typography.Text copyableapp.cssflex全宽布局，URL 文本单独省略号截断copyable图标的点击范围验证
npm run build通过