移动端可审核页面可进行多项改进

  • “标题”中的元素未对齐:
    “帖子被标记为垃圾信息”,,“标记已批准”,“2 小时前”

    此处使用的 CSS 存在诸多不一致。容器 .review-item__header 定义了 align-items: start; 规则,但每个子元素都有自己的 align-self 规则,与父级规则相冲突,导致元素未对齐。

  • “2 小时前”右侧没有边距。

  • 主题标题可能很长,会占用大量垂直空间;可以通过将标题单独放在一行来避免这种情况。在移动设备上尤其应该这样做 :face_with_tongue:

这可能不是最佳方案,只是为了说明这样做的空间收益而不影响可读性:


  • 备注文本框过宽

  • 某些长字符串溢出,扰乱了整个页面的布局
3 个赞

确实!感谢分享,我刚刚完成了一次修复,解决了这里的多个问题

1 个赞