🎨 style: adjust table column widths for better layout
This commit adjusts the column widths in multiple table components to optimize the layout and improve visual consistency:
- TokensTable:
- Reduce ID width from 80px to 50px
- Reduce name width from 160px to 80px
- Reduce group width from 200px to 180px
- Reduce balance width from 200px to 120px
- Reduce operation width from 400px to 350px
- RedemptionsTable:
- Add fixed widths for all columns:
- ID: 50px
- Name: 120px
- Status: 100px
- Quota: 100px
- Created time: 180px
- User ID: 100px
- Operation: 300px
- TaskLogsTable:
- Add fixed widths for all columns:
- Submit time: 180px
- Finish time: 180px
- Duration: 120px
- Channel: 100px
- Platform: 120px
- Type: 120px
- Task ID: 200px
- Status: 120px
- Progress: 160px
- Fail reason: 160px
- UsersTable:
- Add fixed widths for all columns:
- ID: 50px
- Username: 100px
- Group: 100px
- Stats info: 280px
- Invite info: 250px
- Role: 120px
- Status: 100px
- Operation: 150px
These adjustments ensure better space utilization and consistent column sizing across all table components.
This commit is contained in:
@@ -88,14 +88,17 @@ const UsersTable = () => {
|
||||
{
|
||||
title: 'ID',
|
||||
dataIndex: 'id',
|
||||
width: 50,
|
||||
},
|
||||
{
|
||||
title: t('用户名'),
|
||||
dataIndex: 'username',
|
||||
width: 100,
|
||||
},
|
||||
{
|
||||
title: t('分组'),
|
||||
dataIndex: 'group',
|
||||
width: 100,
|
||||
render: (text, record, index) => {
|
||||
return <div>{renderGroup(text)}</div>;
|
||||
},
|
||||
@@ -103,6 +106,7 @@ const UsersTable = () => {
|
||||
{
|
||||
title: t('统计信息'),
|
||||
dataIndex: 'info',
|
||||
width: 280,
|
||||
render: (text, record, index) => {
|
||||
return (
|
||||
<div>
|
||||
@@ -124,6 +128,7 @@ const UsersTable = () => {
|
||||
{
|
||||
title: t('邀请信息'),
|
||||
dataIndex: 'invite',
|
||||
width: 250,
|
||||
render: (text, record, index) => {
|
||||
return (
|
||||
<div>
|
||||
@@ -145,6 +150,7 @@ const UsersTable = () => {
|
||||
{
|
||||
title: t('角色'),
|
||||
dataIndex: 'role',
|
||||
width: 120,
|
||||
render: (text, record, index) => {
|
||||
return <div>{renderRole(text)}</div>;
|
||||
},
|
||||
@@ -152,6 +158,7 @@ const UsersTable = () => {
|
||||
{
|
||||
title: t('状态'),
|
||||
dataIndex: 'status',
|
||||
width: 100,
|
||||
render: (text, record, index) => {
|
||||
return (
|
||||
<div>
|
||||
@@ -167,6 +174,7 @@ const UsersTable = () => {
|
||||
{
|
||||
title: '',
|
||||
dataIndex: 'operate',
|
||||
width: 150,
|
||||
render: (text, record, index) => {
|
||||
if (record.DeletedAt !== null) {
|
||||
return <></>;
|
||||
|
||||
Reference in New Issue
Block a user