hailin
/
rwadurian
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(admin-web): 钱包流水表格备注列显示不全 

各列均为 flex:1 等宽导致备注内容被 ellipsis 截断，
调整各列 flex 比例并允许备注列换行显示完整文本。

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
hailin 2026-03-01 02:41:31 -08:00
parent 1157760d4d
commit 0ac131a3b7
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/admin-web/src/app/(dashboard)/users/[id]/user-detail.module.scss
View File

@ -775,6 +775,27 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
// 流水ID - 窄
&:nth-child(1) { flex: 0.6; }
// 类型
&:nth-child(2) { flex: 1.2; }
// 资产 - 窄
&:nth-child(3) { flex: 0.5; }
// 金额
&:nth-child(4) { flex: 0.8; }
// 余额快照 - 窄
&:nth-child(5) { flex: 0.8; }
// 关联订单 - 宽
&:nth-child(6) { flex: 1.4; }
// 备注 - 最宽，允许换行
&:nth-child(7) {
flex: 2;
white-space: normal;
word-break: break-all;
}
// 时间
&:nth-child(8) { flex: 1.2; }
.ledgerTable__header & { .ledgerTable__header & {
font-weight: $font-weight-medium; font-weight: $font-weight-medium;
color: $text-secondary; color: $text-secondary;