From c8e3a476fc747cce6ec1c901368d03cefd16e16d Mon Sep 17 00:00:00 2001
From: IanShaw027 <131567472+IanShaw027@users.noreply.github.com>
Date: Sun, 11 Jan 2026 21:01:26 +0800
Subject: [PATCH] =?UTF-8?q?feat(ops):=20=E9=99=90=E5=88=B6=E5=91=8A?=
 =?UTF-8?q?=E8=AD=A6=E8=A7=84=E5=88=99=E6=9C=80=E5=A4=9A=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?6=E4=B8=AA=EF=BC=8C=E8=B6=85=E5=87=BA=E5=8F=AF=E6=BB=9A?=
 =?UTF-8?q?=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/admin/ops/components/OpsAlertRulesCard.vue    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/admin/ops/components/OpsAlertRulesCard.vue b/frontend/src/views/admin/ops/components/OpsAlertRulesCard.vue
index 11c24162..2cf097c0 100644
--- a/frontend/src/views/admin/ops/components/OpsAlertRulesCard.vue
+++ b/frontend/src/views/admin/ops/components/OpsAlertRulesCard.vue
@@ -429,10 +429,10 @@ function cancelDelete() {
       {{ t('admin.ops.alertRules.empty') }}
     </div>
 
-    <div v-else class="overflow-hidden rounded-xl border border-gray-200 dark:border-dark-700">
-      <div class="overflow-x-auto">
+    <div v-else class="max-h-[520px] overflow-hidden rounded-xl border border-gray-200 dark:border-dark-700">
+      <div class="max-h-[520px] overflow-y-auto">
         <table class="min-w-full divide-y divide-gray-200 dark:divide-dark-700">
-          <thead class="bg-gray-50 dark:bg-dark-900">
+          <thead class="sticky top-0 z-10 bg-gray-50 dark:bg-dark-900">
             <tr>
               <th class="px-4 py-3 text-left text-[11px] font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400">
                 {{ t('admin.ops.alertRules.table.name') }}