Sakurasan
75c8ecd519
fix: 列表页卡片与表格的切换点抬到 lg,补上用户管理的移动端视图
手机上"溢出屏幕"的两个真因(375 / 769 / 1100 三档实测):
- 卡片↔表格切换卡在 md(768px),而侧栏也在 768 出现,吃掉 224px 加 48px 内边距后
内容区只剩 495px,渠道表自然宽 1097px —— 横屏手机、小平板、分屏(768~1023)
整张表被塞进 495px 的盒子里横向滚。改为 lg(1024px) 起才用表格;769px 实测
可见表格数为 0、docSW 等于视口宽。
- 用户管理页只有 720px 的表格、没有卡片回退,手机上只能横向滑整张表。
补移动端卡片(用户名/邮箱、角色与状态、ID/余额/注册时间、编辑与调余额),
表格改 hidden lg:block;1100px 实测 client=826 / scroll=826,铺满不滚。
- 顺带修掉上次改动留下的挤列问题:渠道表"近N小时"列被表格自动布局压到 95px
(min-w 只约束整表、不保证单列),四个指标折成 4 行。该列加 min-w-[190px]、
指标拆两行,并把 Key 并入名称行、启用并入健康行,8 列减到 6 列
(colspan 同步 7→6),自然宽 1125 → 1053。
编辑渠道弹窗 375px 下无溢出元素。遗留:渠道表在 1024~1325 视口仍需容器内横向滚动
(6 列数据表的固有行为,不动整页),卡片列表在 640~1023 仍是单列。
2026-10-19 09:25:52 +08:00
..
2026-08-15 15:34:06 +08:00
2026-10-19 09:25:52 +08:00
2026-08-15 16:20:43 +08:00
2026-08-15 15:34:06 +08:00
2026-08-15 15:34:06 +08:00
2026-08-15 15:34:06 +08:00
2026-08-15 13:10:47 +08:00
2026-08-15 15:34:06 +08:00
2026-08-15 15:34:06 +08:00