External/bichon
1
0
Fork 0
mirror of https://github.com/rustmailer/bichon.git synced 2026-08-03 07:48:34 +02:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
web/src/features/accounts/components/columns.tsx
+7 -7
View File
@@ -57,10 +57,10 @@ export function useColumns(): ColumnDef<AccountModel>[] {
{ {
accessorKey: "enabled", accessorKey: "enabled",
header: ({ column }) => ( header: ({ column }) => (
<DataTableColumnHeader className="ml-4" column={column} title={t('accounts.enabled')} /> <DataTableColumnHeader className="text-center" column={column} title={t('accounts.enabled')} />
), ),
cell: EnableAction, cell: EnableAction,
meta: { className: 'w-8 text-center' }, meta: { className: 'w-18 text-center' },
enableHiding: false, enableHiding: false,
}, },
{ {
@@ -69,7 +69,7 @@ export function useColumns(): ColumnDef<AccountModel>[] {
<DataTableColumnHeader column={column} title={t('accounts.auth')} /> <DataTableColumnHeader column={column} title={t('accounts.auth')} />
), ),
cell: OAuth2Action, cell: OAuth2Action,
meta: { className: 'w-8' }, meta: { className: 'w-18 text-center' },
enableHiding: false, enableHiding: false,
enableSorting: false enableSorting: false
}, },
@@ -81,7 +81,7 @@ export function useColumns(): ColumnDef<AccountModel>[] {
cell: ({ row }) => { cell: ({ row }) => {
return <LongText>{row.original.account_type}</LongText> return <LongText>{row.original.account_type}</LongText>
}, },
meta: { className: 'w-8' }, meta: { className: 'w-18' },
enableHiding: false, enableHiding: false,
enableSorting: false enableSorting: false
}, },
@@ -93,11 +93,11 @@ export function useColumns(): ColumnDef<AccountModel>[] {
cell: ({ row }) => { cell: ({ row }) => {
let account_type = row.original.account_type; let account_type = row.original.account_type;
if (account_type === "NoSync") { 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, enableHiding: false,
}, },
{ {
web/src/features/accounts/index.tsx
+1 -1
View File
@@ -62,7 +62,7 @@ export default function Accounts() {
<FixedHeader /> <FixedHeader />
<Main> <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 */} {/* Header Section */}
<div className='mb-2 flex items-center justify-between flex-wrap gap-x-4 gap-y-2'> <div className='mb-2 flex items-center justify-between flex-wrap gap-x-4 gap-y-2'>
<div> <div>