🎨 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:
@@ -98,11 +98,13 @@ const TokensTable = () => {
|
||||
{
|
||||
title: t('名称'),
|
||||
dataIndex: 'name',
|
||||
width: 180,
|
||||
},
|
||||
{
|
||||
title: t('状态'),
|
||||
dataIndex: 'status',
|
||||
key: 'status',
|
||||
width: 200,
|
||||
render: (text, record, index) => {
|
||||
return (
|
||||
<div>
|
||||
@@ -117,6 +119,7 @@ const TokensTable = () => {
|
||||
{
|
||||
title: t('已用额度'),
|
||||
dataIndex: 'used_quota',
|
||||
width: 120,
|
||||
render: (text, record, index) => {
|
||||
return <div>{renderQuota(parseInt(text))}</div>;
|
||||
},
|
||||
@@ -124,6 +127,7 @@ const TokensTable = () => {
|
||||
{
|
||||
title: t('剩余额度'),
|
||||
dataIndex: 'remain_quota',
|
||||
width: 120,
|
||||
render: (text, record, index) => {
|
||||
return (
|
||||
<div>
|
||||
@@ -143,6 +147,7 @@ const TokensTable = () => {
|
||||
{
|
||||
title: t('创建时间'),
|
||||
dataIndex: 'created_time',
|
||||
width: 180,
|
||||
render: (text, record, index) => {
|
||||
return <div>{renderTimestamp(text)}</div>;
|
||||
},
|
||||
@@ -150,6 +155,7 @@ const TokensTable = () => {
|
||||
{
|
||||
title: t('过期时间'),
|
||||
dataIndex: 'expired_time',
|
||||
width: 180,
|
||||
render: (text, record, index) => {
|
||||
return (
|
||||
<div>
|
||||
@@ -161,6 +167,7 @@ const TokensTable = () => {
|
||||
{
|
||||
title: '',
|
||||
dataIndex: 'operate',
|
||||
width: 320,
|
||||
render: (text, record, index) => {
|
||||
let chats = localStorage.getItem('chats');
|
||||
let chatsArray = [];
|
||||
|
||||
Reference in New Issue
Block a user