fix(jackpot): 流水页期号筛选移入工具栏,避免与 Tab 挤在右上角
Some checks failed
lotteryadmin CI / build (push) Has been cancelled
Some checks failed
lotteryadmin CI / build (push) Has been cancelled
This commit is contained in:
@@ -167,15 +167,15 @@ export function JackpotRecordsConsole({ embedded = false }: JackpotRecordsConsol
|
|||||||
return translated === key ? value : translated;
|
return translated === key ? value : translated;
|
||||||
};
|
};
|
||||||
|
|
||||||
const filterBlock = (
|
const filterToolbar = (
|
||||||
<div className="flex flex-wrap items-end gap-2">
|
<div className="admin-list-toolbar">
|
||||||
<div className="space-y-1.5">
|
<div className="admin-list-field">
|
||||||
<Label htmlFor="jk-draw" className="text-xs text-muted-foreground">
|
<Label htmlFor="jk-draw" className="sm:shrink-0">
|
||||||
{t("drawNo")}
|
{t("drawNo")}
|
||||||
</Label>
|
</Label>
|
||||||
<Input
|
<Input
|
||||||
id="jk-draw"
|
id="jk-draw"
|
||||||
className="h-9 w-40 font-mono"
|
className="h-9 w-full font-mono sm:w-[18rem]"
|
||||||
value={drawNo}
|
value={drawNo}
|
||||||
onChange={(e) => setDrawNo(e.target.value)}
|
onChange={(e) => setDrawNo(e.target.value)}
|
||||||
placeholder={t("optional")}
|
placeholder={t("optional")}
|
||||||
@@ -186,9 +186,11 @@ export function JackpotRecordsConsole({ embedded = false }: JackpotRecordsConsol
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<Button type="button" size="sm" className="h-9" onClick={applyDraw}>
|
<div className="admin-list-actions">
|
||||||
{t("apply")}
|
<Button type="button" size="sm" className="h-9" onClick={applyDraw}>
|
||||||
</Button>
|
{t("apply")}
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
||||||
@@ -316,22 +318,22 @@ export function JackpotRecordsConsole({ embedded = false }: JackpotRecordsConsol
|
|||||||
|
|
||||||
const content = (
|
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")}>
|
<AdminSubnav aria-label={t("pageTabs")}>
|
||||||
<AdminSubnavButton
|
<AdminSubnavButton
|
||||||
active={recordTab === "payout"}
|
active={recordTab === "payout"}
|
||||||
onClick={() => setRecordTab("payout")}
|
onClick={() => setRecordTab("payout")}
|
||||||
>
|
>
|
||||||
{t("payoutRecords")}
|
{t("payoutRecords")}
|
||||||
</AdminSubnavButton>
|
</AdminSubnavButton>
|
||||||
<AdminSubnavButton
|
<AdminSubnavButton
|
||||||
active={recordTab === "contribution"}
|
active={recordTab === "contribution"}
|
||||||
onClick={() => setRecordTab("contribution")}
|
onClick={() => setRecordTab("contribution")}
|
||||||
>
|
>
|
||||||
{t("contributionRecords")}
|
{t("contributionRecords")}
|
||||||
</AdminSubnavButton>
|
</AdminSubnavButton>
|
||||||
</AdminSubnav>
|
</AdminSubnav>
|
||||||
{filterBlock}
|
{filterToolbar}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{err ? <p className="text-destructive text-sm">{err}</p> : null}
|
{err ? <p className="text-destructive text-sm">{err}</p> : null}
|
||||||
|
|||||||
Reference in New Issue
Block a user