fix:[FL-150][给ant-card增加height:100%确保占满父容器]

在所有管理页面的AntCard/Card组件上添加style={{ height: '100%' }}，确保卡片占满父容器的高度，解决页面底部padding看起来比顶部多的问题。修改文件： - web/src/app/admin/users/page.tsx - web/src/app/admin/menus/page.tsx - web/src/app/admin/system-params/page.tsx - web/src/app/admin/task-monitor/page.tsx - web/src/app/admin/syslog/page.tsx - web/src/app/admin/workers/page.tsx - web/src/app/admin/atp-models/page.tsx - web/src/app/admin/roles/page.tsx - web/src/app/admin/scheduled-tasks/page.tsx - web/src/app/admin/elevation/page.tsx - web/src/app/admin/system-messages/page.tsx Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> Co-authored-by: multica-agent <github@multica.ai>
2026-06-17 21:29:05 +08:00
parent e8c6de3c6d
commit fcff08afce
11 changed files with 11 additions and 1 deletions
@@ -455,6 +455,7 @@ export default function AtpModelsPage() {
    <div className="flex flex-1 flex-col space-y-6">
      <AntCard
        title="ATP 模型管理"
+        style={{ height: '100%' }}
        extra={(
          <Space>
            {assetsQuery.isFetching && <Spin size="small" />}
@@ -1099,6 +1099,7 @@ export default function AdminElevationPage() {

      <Card
        title="高程数据集"
+        style={{ height: '100%' }}
        extra={(
          <Space>
            {datasetsQuery.isFetching && <Spin size="small" />}
@@ -511,6 +511,7 @@ export default function AdminMenusPage() {
    <div className="flex flex-1 flex-col space-y-6">
      <AntCard
        title="菜单列表"
+        style={{ height: '100%' }}
        extra={
          canManage ? (
            <Button type="primary" onClick={startCreate}>
@@ -424,6 +424,7 @@ export default function AdminRolesPage() {
    <div className="flex flex-1 flex-col space-y-6">
      <AntCard
        title="角色列表"
+        style={{ height: '100%' }}
        extra={
          canManage ? (
            <Button type="primary" onClick={startCreate}>
@@ -507,6 +507,7 @@ export default function AdminScheduledTasksPage() {
    <div className="flex flex-1 flex-col space-y-6">
      <AntCard
        title="定时任务管理"
+        style={{ height: '100%' }}
        extra={(
          <Space>
            {listQuery.isFetching && <Spin size="small" />}
@@ -237,7 +237,7 @@ export default function AdminSyslogPage() {
    <div className="flex flex-1 flex-col space-y-6">
      {error ? <Alert type="error" showIcon message="日志加载失败" description={error} /> : null}

-      <AntCard title="系统日志">
+      <AntCard title="系统日志" style={{ height: '100%' }}>
        <Form layout="inline" style={{ rowGap: 12 }}>
          <Form.Item label="动作" className="min-w-[280px]">
            <Input
@@ -569,6 +569,7 @@ export default function AdminSystemMessagesPage() {
    <div className="flex flex-1 flex-col space-y-6">
      <AntCard
        title="消息列表"
+        style={{ height: '100%' }}
        extra={(
          <Space>
            {listQuery.isFetching && <Spin size="small" />}
@@ -434,6 +434,7 @@ export default function AdminSystemParamsPage() {
    <div className="flex flex-1 flex-col space-y-6">
      <AntCard
        title="参数列表"
+        style={{ height: '100%' }}
        extra={(
          <Space>
            {listQuery.isFetching && <Spin size="small" />}
@@ -494,6 +494,7 @@ export default function AdminTaskMonitorPage() {
    <div className="flex flex-1 flex-col space-y-6">
      <AntCard
        title="任务监控"
+        style={{ height: '100%' }}
        extra={(
          <Space>
            {(workersOverviewQuery.isFetching || allTasksQuery.isFetching) && <Spin size="small" />}
@@ -678,6 +678,7 @@ export default function AdminUsersPage() {
    <div className="flex flex-1 flex-col space-y-6">
      <AntCard
        title="用户列表"
+        style={{ height: '100%' }}
        extra={(
          <Space>
            {usersQuery.isFetching && <Spin size="small" />}
@@ -541,6 +541,7 @@ export default function AdminWorkersPage() {
      {overview && (
        <AntCard
          title="Worker监控"
+          style={{ height: '100%' }}
          extra={
            <Space>
              {overviewQuery.isFetching && <Spin size="small" />}