Fix: dashboard recent platform orders table overflow

This commit is contained in:
萝卜
2026-03-16 23:54:54 +08:00
parent 131aa6b259
commit c54e95bb74
2 changed files with 68 additions and 0 deletions

View File

@@ -758,13 +758,43 @@
margin-right:4px;
}
/* 仪表盘最近订单:避免内容把表格/卡片撑破导致横向溢出 */
[data-page="admin.dashboard"] [data-role="recent-platform-orders-table"]{
table-layout:fixed;
}
[data-page="admin.dashboard"] [data-role="recent-platform-orders-table"] th:nth-child(1),
[data-page="admin.dashboard"] [data-role="recent-platform-orders-table"] td:nth-child(1){
width:140px;
}
[data-page="admin.dashboard"] [data-role="recent-platform-orders-table"] th:nth-child(3),
[data-page="admin.dashboard"] [data-role="recent-platform-orders-table"] td:nth-child(3){
width:110px;
white-space:nowrap;
}
/* 仪表盘最近订单避免「支付」表头在窄宽下被拆成竖排CJK 可在任意字间断行) */
[data-page="admin.dashboard"] [data-role="recent-platform-orders-table"] th:nth-child(4),
[data-page="admin.dashboard"] [data-role="recent-platform-orders-table"] td:nth-child(4){
width:86px;
white-space:nowrap;
min-width:56px;
}
[data-page="admin.dashboard"] [data-role="recent-platform-orders-table"] th:nth-child(5),
[data-page="admin.dashboard"] [data-role="recent-platform-orders-table"] td:nth-child(5){
width:140px;
}
[data-page="admin.dashboard"] [data-role="recent-platform-orders-table"] td:nth-child(1) a.link{
display:block;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
/* 仪表盘最近订单:扫描信息行(用于快速判断治理状态,不替代下方治理提示入口) */
[data-page="admin.dashboard"] .adm-order-scanline{
margin-top:3px;