From 96760f177add82bed9f73d3bfd5cb8bed249883a Mon Sep 17 00:00:00 2001
From: chengkml <m18162847837@163.com>
Date: Sun, 3 May 2026 22:18:22 +0800
Subject: [PATCH] =?UTF-8?q?=E9=81=BF=E5=85=8D=E8=8F=9C=E5=8D=95=E7=AD=9B?=
 =?UTF-8?q?=E9=80=89=E5=90=8E=E8=A1=A8=E6=A0=BC=E9=AB=98=E5=BA=A6=E5=9D=8D?=
 =?UTF-8?q?=E5=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: multica-agent <github@multica.ai>
---
 web/src/app/admin/menus/page.tsx | 8 ++++++--
 web/src/app/globals.css          | 4 ++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/web/src/app/admin/menus/page.tsx b/web/src/app/admin/menus/page.tsx
index 7b3e9e9..9aa7d0c 100644
--- a/web/src/app/admin/menus/page.tsx
+++ b/web/src/app/admin/menus/page.tsx
@@ -23,7 +23,7 @@ import {
   type CardProps,
   type TableColumnsType,
 } from "antd";
-import type { ComponentType } from "react";
+import type { CSSProperties, ComponentType } from "react";
 
 import { useAuth } from "@/components/auth-provider";
 import { useTopicSubscription } from "@/hooks/use-topic-subscription";
@@ -551,7 +551,11 @@ export default function AdminMenusPage() {
             </Button>
           </Form.Item>
         </Form>
-        <div ref={tableScrollAnchorRef} className="mt-4">
+        <div
+          ref={tableScrollAnchorRef}
+          className="admin-menus-table-anchor mt-4"
+          style={{ "--admin-menus-table-body-min-height": `${tableScrollY}px` } as CSSProperties}
+        >
           <Table<MenuItem>
             rowKey="id"
             dataSource={filteredMenus}
diff --git a/web/src/app/globals.css b/web/src/app/globals.css
index 79a1589..1490c91 100644
--- a/web/src/app/globals.css
+++ b/web/src/app/globals.css
@@ -208,6 +208,10 @@ body {
   scrollbar-gutter: stable;
 }
 
+.admin-menus-table-anchor .ant-table-body {
+  min-height: var(--admin-menus-table-body-min-height, 180px);
+}
+
 .fquiz-row-selected > td {
   background: var(--fquiz-theme-bg-active) !important;
 }