adapt mobile device#8
Merged
Merged
Conversation
新增 Dockerfile dev target 保留 devDependencies 供 pnpm dev 热更新， compose 为 oidc-op 加匿名卷隔离 /app/node_modules，避免宿主(Windows) 挂载覆盖容器内 Linux 原生依赖。
- 新增响应式基础设施:
* web/src/utils/breakpoints.ts - 断点常量(对齐 Ant Design)
* web/src/hooks/useMediaQuery.ts - 媒体查询监听 Hook
* web/src/hooks/useBreakpoint.ts - 响应式状态管理 Hook
- 优化 woodblock 设计系统移动端适配:
* 简化移动端纸质纹理背景(移除复杂径向渐变,提升性能)
* 调整卡片阴影和边框厚度
* 优化移动端排版字号和间距
* 触摸设备按钮最小高度 40px (符合 WCAG 2.5.5)
- 更新核心组件响应式适配:
* Login.tsx - 移动端紧凑布局(24px内边距,48px logo,h4标题)
* DashboardLayout.tsx - 替换手动宽度检查为 useBreakpoint Hook
- 移动端隐藏 Sider,显示 Drawer
- 响应式 Header 内边距和用户信息显示
- 移动端隐藏项目选择器(菜单中可访问)
- 仅图标退出按钮
* ClientList.tsx - 响应式筛选器和表格
- 移动端全宽搜索框,并排选择器(48%)
- 隐藏非必要列(类型,更新时间)
- 横向滚动,分页数减少(5条/页)
* ProjectList.tsx - 移动端隐藏描述列,响应式按钮
* ProjectOverview.tsx - 响应式 Descriptions 尺寸和标签宽度
- 构建验证通过,保持 woodblock 美学风格
Phase 5: ClientDetail.tsx (最复杂组件 1120 行) - 移动端紧凑卡片标题布局(垂直堆叠,小按钮) - 响应式 Tab 标签(配置→配置, 凭据管理→凭据, 安全操作→安全, 审计日志→审计) - 全宽表单输入(width: 100% on mobile, 400px on desktop) - 表格横向滚动(secrets: 800px, audit: 900px) - 响应式 gutter 间距(16px mobile, 24px desktop) Phase 6: 管理员页面 - AdminReviews.tsx: * 垂直堆叠操作按钮(移动端) * 隐藏提交时间列(移动端) * 横向滚动表格(800px) * 响应式按钮文本(对比并审核→审核) - SystemSettings.tsx: * 添加 useBreakpoint Hook(预留未来优化) 构建验证通过 ✅
Merged
DemoJustLuGuo
added a commit
that referenced
this pull request
Jul 17, 2026
保留 PR #8 的响应式设计系统，合入此前遗漏的联调修复，并补全 OIDC 认证页与管理台的移动端触控、安全区和窄屏适配。
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.
No description provided.