Skip to content

feat: 移动端适配优化 & MinIO 存储配置修复#1

Merged
LinMoQC merged 2 commits intomainfrom
feat/mobile-responsive
Mar 17, 2026
Merged

feat: 移动端适配优化 & MinIO 存储配置修复#1
LinMoQC merged 2 commits intomainfrom
feat/mobile-responsive

Conversation

@LinMoQC
Copy link
Owner

@LinMoQC LinMoQC commented Mar 17, 2026

Title:
feat: 移动端适配优化 & MinIO 存储配置修复

描述:

Summary

  • 首页移动端:输入框固定底部,问候语/标题垂直+水平居中,隐藏最近笔记本列表,标题字号放大
  • Chat 页面:移动端会话切换从顶部 <select> 改为 Header 右侧按钮 + 从下往上弹出的 Sheet 面板;消息气泡、列表、输入框内边距适配小屏;工具栏标签移动端改为等尺寸圆形图标按钮
  • MinIO 存储:新增 storage_s3_public_url 配置项,解决 Docker 容器内 minio:9000(服务端内网)与 localhost:9000(浏览器预签名 URL)地址冲突导致上传 500 的问题;设置页面新增对应输入框
  • 移动端 Header 插槽MobileTopBar 支持右侧内容注入,供各页面扩展

Test plan

  • 移动端首页:输入框是否固定在屏幕底部,内容是否居中
  • Chat 移动端:点击 Header 右侧按钮,Sheet 是否从下弹出,切换对话是否正常
  • 上传图片:设置 Endpoint 为 http://minio:9000、Public URL 为 http://localhost:9000 后,图片能否正常上传和预览
  • 桌面端各页面布局无回归

LinMoQC added 2 commits March 17, 2026 09:59
- AppShell:移动端新增顶部导航栏(MobileTopBar)和侧边栏背景蒙层
- Sidebar:支持移动端 Drawer 滑入模式,导航点击后自动关闭
- UIStore:新增 sidebarMobileOpen 状态管理
- ChatLayout:ChatSidebar 移动端隐藏,新增顶部会话选择下拉
- NotebookWorkspace:移动端关闭 Copilot/来源/TOC 面板,编辑区占满屏幕
- NotebookHeader:右侧按钮移动端隐藏文字仅显示图标
- SourceDetailDrawer:w-[420px] → w-full md:w-[420px] 防止手机溢出
- SettingsModal:高度 h-[600px] → min(600px, 100dvh-2rem),左导航改为移动端水平 Tab 栏
- KnowledgeView:工具栏添加 flex-wrap,减小移动端内边距
- KnowledgeGraphView:实体详情面板移动端改为底部 Sheet
- CopilotResize:新增 Touch 事件支持,拖拽手柄兼容触屏

Made-with: Cursor
- 首页移动端输入框固定底部,上方内容垂直居中,隐藏最近笔记本
- chat 页面移动端会话选择改为 header 按钮 + 底部 Sheet 弹出
- chat 消息气泡、列表、输入框移动端内边距优化
- 工具栏标签移动端改为图标圆形按钮
- 新增 storage_s3_public_url 字段,解决 MinIO Docker 内网/外网 URL 冲突
- 移动端 header 支持右侧插槽注入

Made-with: Cursor
@LinMoQC LinMoQC merged commit be3acd3 into main Mar 17, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant