feat(composer): compact attachment thumbnails with click-to-preview#268
Merged
Conversation
- 图片附件改为 48px 纯缩略图方块，文件名放悬浮提示，右上角角标删除 - 点击图片缩略图打开 lightbox 大图预览（复用聊天气泡的 ImagePreview） - 非图片附件保留带文件名的紧凑胶囊样式 - 附件行隐藏横向滚动条但保持可滚动，粘贴新图自动滚到最新一张 - 桌面端与网关 WebUI 同步
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
1 participant
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.
用户可感知的变化
实现说明
ComposerAttachmentCard（两端镜像文件）：图片分支改为缩略图方块 +ImagePreviewlightbox；文件分支保留胶囊布局ChatComposerBar（两端）：附件列表隐藏滚动条、新增粘贴后自动滚动到末尾的 layout effectscrollbar-width: thin的隐藏滚动条规则，并移除了移动端把附件卡片强制拉宽的旧覆盖样式验证
node scripts/check-mirror.mjs通过（105 个镜像文件）tsc --noEmit、biome 通过；两端npm run build通过make dev实测：粘贴多图、点击预览、横向滑动、删除均正常