fix: 修复分页显示被遮挡

This commit is contained in:
2026-01-19 21:34:19 +08:00
parent 45047f40aa
commit e207baac05

View File

@@ -839,7 +839,7 @@ function ProjectDetailPage() {
</Button> </Button>
</div> </div>
<div className="bg-white p-6 rounded-lg shadow-md flex-1 flex flex-col overflow-hidden"> <div className="bg-white p-6 rounded-lg shadow-md flex-1 overflow-hidden">
<Tabs <Tabs
type="line" type="line"
size="large" size="large"
@@ -852,12 +852,13 @@ function ProjectDetailPage() {
</Space> </Space>
} }
className="h-full"
key="deployRecords" key="deployRecords"
> >
<div className="grid grid-cols-5 gap-6 h-full"> <div className="flex flex-row gap-6 h-full">
{/* 左侧部署记录列表 */} {/* 左侧部署记录列表 */}
<div className="col-span-2 space-y-4 h-full flex flex-col"> <div className="w-150 h-full flex flex-col">
<div className="flex items-center justify-between shrink-0"> <div className="flex items-center justify-between py-3">
<Typography.Text type="secondary"> <Typography.Text type="secondary">
{deployRecords.length} {deployRecords.length}
</Typography.Text> </Typography.Text>
@@ -865,8 +866,7 @@ function ProjectDetailPage() {
</Button> </Button>
</div> </div>
<div className="flex-1 overflow-y-auto min-h-0 flex flex-col"> <div className="flex-1 flex flex-col overflow-y-auto">
<div className="flex-1 overflow-y-auto">
{deployRecords.length > 0 ? ( {deployRecords.length > 0 ? (
<List <List
className="bg-white rounded-lg border" className="bg-white rounded-lg border"
@@ -880,23 +880,22 @@ function ProjectDetailPage() {
</div> </div>
)} )}
</div> </div>
<div className="mt-2 text-right"> <div className="p-3 flex flex-row justify-end">
<Pagination <Pagination
total={pagination.total} total={pagination.total}
current={pagination.current} current={pagination.current}
pageSize={pagination.pageSize} pageSize={pagination.pageSize}
size="small" showTotal
simple size="default"
onChange={(page) => onChange={(page) =>
setPagination((prev) => ({ ...prev, current: page })) setPagination((prev) => ({ ...prev, current: page }))
} }
/> />
</div> </div>
</div> </div>
</div>
{/* 右侧构建日志 */} {/* 右侧构建日志 */}
<div className="col-span-3 bg-white rounded-lg border h-full overflow-hidden flex flex-col"> <div className="flex-1 bg-white rounded-lg border h-full overflow-hidden flex flex-col">
<div className="p-4 border-b bg-gray-50 shrink-0"> <div className="p-4 border-b bg-gray-50 shrink-0">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div> <div>
@@ -905,7 +904,7 @@ function ProjectDetailPage() {
</Typography.Title> </Typography.Title>
{selectedRecord && ( {selectedRecord && (
<Typography.Text type="secondary" className="text-sm"> <Typography.Text type="secondary" className="text-sm">
{selectedRecord.branch} {selectedRecord.branch}&nbsp;
{formatDateTime(selectedRecord.createdAt)} {formatDateTime(selectedRecord.createdAt)}
</Typography.Text> </Typography.Text>
)} )}