fix: v2.1.1 列表操作列溢出与分页器对齐
- /mailboxes 地址列保持自适应(不设宽度吸收剩余空间),操作列 150→210 修复按钮被卡片右缘裁切 - /domains 操作列 200→260、/accounts 100→110,带图标按钮一行放下 - 分页器(总条数/页码/条数下拉)整体居中紧凑,条数下拉不再贴最右侧
This commit is contained in:
@@ -161,7 +161,7 @@ export function AccountsPage() {
|
||||
},
|
||||
{
|
||||
title: "操作",
|
||||
width: 100,
|
||||
width: 110,
|
||||
render: (_: unknown, row: AccountRow) => (
|
||||
<Space>
|
||||
<Button
|
||||
|
||||
@@ -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" ? (
|
||||
|
||||
@@ -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)}>
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user