From 1c431ff0eacb8fd61fabd4811da0758eec3767d2 Mon Sep 17 00:00:00 2001
From: kang <kangdeng28@gmail.com>
Date: Fri, 26 Jun 2026 18:02:19 +0800
Subject: [PATCH] =?UTF-8?q?fix(jackpot):=20=E6=B5=81=E6=B0=B4=E9=A1=B5?=
 =?UTF-8?q?=E6=9C=9F=E5=8F=B7=E7=AD=9B=E9=80=89=E7=A7=BB=E5=85=A5=E5=B7=A5?=
 =?UTF-8?q?=E5=85=B7=E6=A0=8F=EF=BC=8C=E9=81=BF=E5=85=8D=E4=B8=8E=20Tab=20?=
 =?UTF-8?q?=E6=8C=A4=E5=9C=A8=E5=8F=B3=E4=B8=8A=E8=A7=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../jackpot/jackpot-records-console.tsx       | 46 ++++++++++---------
 1 file changed, 24 insertions(+), 22 deletions(-)

diff --git a/src/modules/jackpot/jackpot-records-console.tsx b/src/modules/jackpot/jackpot-records-console.tsx
index b9a8803..e455a77 100644
--- a/src/modules/jackpot/jackpot-records-console.tsx
+++ b/src/modules/jackpot/jackpot-records-console.tsx
@@ -167,15 +167,15 @@ export function JackpotRecordsConsole({ embedded = false }: JackpotRecordsConsol
     return translated === key ? value : translated;
   };
 
-  const filterBlock = (
-    <div className="flex flex-wrap items-end gap-2">
-      <div className="space-y-1.5">
-        <Label htmlFor="jk-draw" className="text-xs text-muted-foreground">
+  const filterToolbar = (
+    <div className="admin-list-toolbar">
+      <div className="admin-list-field">
+        <Label htmlFor="jk-draw" className="sm:shrink-0">
           {t("drawNo")}
         </Label>
         <Input
           id="jk-draw"
-          className="h-9 w-40 font-mono"
+          className="h-9 w-full font-mono sm:w-[18rem]"
           value={drawNo}
           onChange={(e) => setDrawNo(e.target.value)}
           placeholder={t("optional")}
@@ -186,9 +186,11 @@ export function JackpotRecordsConsole({ embedded = false }: JackpotRecordsConsol
           }}
         />
       </div>
-      <Button type="button" size="sm" className="h-9" onClick={applyDraw}>
-        {t("apply")}
-      </Button>
+      <div className="admin-list-actions">
+        <Button type="button" size="sm" className="h-9" onClick={applyDraw}>
+          {t("apply")}
+        </Button>
+      </div>
     </div>
   );
 
@@ -316,22 +318,22 @@ export function JackpotRecordsConsole({ embedded = false }: JackpotRecordsConsol
 
   const content = (
     <>
-      <div className="flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between">
+      <div className="space-y-3">
         <AdminSubnav aria-label={t("pageTabs")}>
-        <AdminSubnavButton
-          active={recordTab === "payout"}
-          onClick={() => setRecordTab("payout")}
-        >
-          {t("payoutRecords")}
-        </AdminSubnavButton>
-        <AdminSubnavButton
-          active={recordTab === "contribution"}
-          onClick={() => setRecordTab("contribution")}
-        >
-          {t("contributionRecords")}
-        </AdminSubnavButton>
+          <AdminSubnavButton
+            active={recordTab === "payout"}
+            onClick={() => setRecordTab("payout")}
+          >
+            {t("payoutRecords")}
+          </AdminSubnavButton>
+          <AdminSubnavButton
+            active={recordTab === "contribution"}
+            onClick={() => setRecordTab("contribution")}
+          >
+            {t("contributionRecords")}
+          </AdminSubnavButton>
         </AdminSubnav>
-        {filterBlock}
+        {filterToolbar}
       </div>
 
       {err ? <p className="text-destructive text-sm">{err}</p> : null}