chore(ui): Adjust width of account list for better visibility

This commit is contained in:
rustmailer
2025-12-08 03:43:00 +08:00
parent 20970b4fb6
commit 000d144e70
2 changed files with 102 additions and 102 deletions
@@ -57,10 +57,10 @@ export function useColumns(): ColumnDef<AccountModel>[] {
{
accessorKey: "enabled",
header: ({ column }) => (
<DataTableColumnHeader className="ml-4" column={column} title={t('accounts.enabled')} />
<DataTableColumnHeader className="text-center" column={column} title={t('accounts.enabled')} />
),
cell: EnableAction,
meta: { className: 'w-8 text-center' },
meta: { className: 'w-18 text-center' },
enableHiding: false,
},
{
@@ -69,7 +69,7 @@ export function useColumns(): ColumnDef<AccountModel>[] {
<DataTableColumnHeader column={column} title={t('accounts.auth')} />
),
cell: OAuth2Action,
meta: { className: 'w-8' },
meta: { className: 'w-18 text-center' },
enableHiding: false,
enableSorting: false
},
@@ -81,7 +81,7 @@ export function useColumns(): ColumnDef<AccountModel>[] {
cell: ({ row }) => {
return <LongText>{row.original.account_type}</LongText>
},
meta: { className: 'w-8' },
meta: { className: 'w-18' },
enableHiding: false,
enableSorting: false
},
@@ -93,11 +93,11 @@ export function useColumns(): ColumnDef<AccountModel>[] {
cell: ({ row }) => {
let account_type = row.original.account_type;
if (account_type === "NoSync") {
return <LongText className='max-w-12'>n/a</LongText>
return <LongText>n/a</LongText>
}
return <LongText className='max-w-12'>{row.original.sync_interval_min} minutes</LongText>
return <LongText>{row.original.sync_interval_min} min</LongText>
},
meta: { className: 'w-12 text-center' },
//meta: { className: 'w-18 text-center' },
enableHiding: false,
},
{
+1 -1
View File
@@ -62,7 +62,7 @@ export default function Accounts() {
<FixedHeader />
<Main>
<div className="mx-auto w-full max-w-7xl px-4">
<div className="mx-auto w-full max-w-[88rem] px-4">
{/* Header Section */}
<div className='mb-2 flex items-center justify-between flex-wrap gap-x-4 gap-y-2'>
<div>