• 陈泽健's avatar
    style(service-monitor): 移动端响应式深度优化-新增480px超小屏幕断点 · 8e7a5b3a
    陈泽健 提交于
    9 个页面全面优化移动端响应式样式:
    - base.html: 新增 480px 断点,顶栏/侧边栏/用户名紧凑化
    - index.html: 480px 断点,卡片/按钮缩小,目标管理按钮全宽
    - reports.html: 480px 断点,筛选框/报告行/批量栏紧凑化
    - report.html: 480px 断点,汇总卡片/异常项/检测项紧凑化,
      模块标题 word-break 防溢出
    - statistics.html: 修正 768px 筛选栏完全纵向堆叠(原 flex-wrap
      仍可溢出),趋势选择器纵向堆叠;新增 480px 断点
    - schedule.html: 480px 断点,弹窗/星期按钮/时间选择器紧凑化
    - targets.html: 480px 断点,表格行/操作按钮/弹窗紧凑化
    - notification.html: 修正 768px 端口输入框固定宽度溢出问题,
      改为自适应;新增 480px 断点,开关/表单紧凑化
    - run.html: 进度条高度响应式(12→10→8px),480px 断点巡检
      卡片紧凑化,完成横幅长文字 word-break
    
    验证:218 个单元测试全绿,已部署到 5.60
    Co-Authored-By: 's avatarClaude <noreply@anthropic.com>
    8e7a5b3a
schedule.html 24.0 KB