fix: v2.1.1 列表操作列溢出与分页器对齐

- /mailboxes 地址列保持自适应(不设宽度吸收剩余空间),操作列 150→210 修复按钮被卡片右缘裁切
- /domains 操作列 200→260、/accounts 100→110,带图标按钮一行放下
- 分页器(总条数/页码/条数下拉)整体居中紧凑,条数下拉不再贴最右侧
This commit is contained in:
bigcode
2026-09-30 14:50:07 +08:00
parent 7370cce784
commit c10495d7f8
6 changed files with 23 additions and 7 deletions
+1 -1
View File
@@ -161,7 +161,7 @@ export function AccountsPage() {
},
{
title: "操作",
width: 100,
width: 110,
render: (_: unknown, row: AccountRow) => (
<Space>
<Button
+1 -1
View File
@@ -128,7 +128,7 @@ export function DomainsPage() {
{ title: "邮箱数", dataIndex: "mailbox_count", width: 80 },
{
title: "操作",
width: 200,
width: 260,
render: (_: unknown, row: DomainRow) => (
<Space onClick={(e) => e.stopPropagation()}>
{row.status !== "active" ? (
+2 -1
View File
@@ -82,6 +82,7 @@ export function MailboxesPage() {
pagination={false}
columns={[
{
// 地址列不设宽度:吸收剩余空间自适应(tableLayout fixed)
title: "地址",
dataIndex: "address",
render: (v: string, row: MailboxRow) => (
@@ -113,7 +114,7 @@ export function MailboxesPage() {
},
{
title: "操作",
width: 150,
width: 210,
render: (_: unknown, row: MailboxRow) => (
<Space>
<Button size="small" icon={<ApiOutlined />} onClick={() => setWebhookTarget(row)}>
+14
View File
@@ -132,6 +132,20 @@ body,
align-items: center;
}
/* 分页器:整体居中且紧凑(总条数 / 页码 / 条数选择连排,条数下拉不再贴最右侧) */
.ant-table-pagination {
justify-content: center !important;
}
.ant-table-pagination .ant-pagination-total-text {
margin-inline-end: 0 !important;
margin-right: 16px;
}
.ant-table-pagination .ant-pagination-options {
margin-inline-start: 16px !important;
}
.mono {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 12.5px;