feat: 优化表单验证、添加深色模式支持

This commit is contained in:
2026-01-09 10:32:57 +08:00
parent 4b29089ec2
commit 07e4df306e
5 changed files with 6 additions and 6 deletions

View File

@@ -67,7 +67,7 @@ export default async function AdminRedPacketPage({ params }: Props) {
<section className="rounded-lg border p-3">
<div className="text-gray-500 mb-1"></div>
<pre className="text-sm bg-gray-50 rounded p-2 overflow-x-auto">
<pre className="text-sm bg-gray-50 dark:bg-gray-900 rounded p-2 overflow-x-auto">
{JSON.stringify(redPacket.rule, null, 2)}
</pre>
</section>

View File

@@ -168,7 +168,7 @@ export function CreateRedPacketPage() {
}
return (
<div className="min-h-screen bg-gray-100 px-4 py-6">
<div className="min-h-screen bg-gray-100 dark:bg-zinc-900 px-4 py-6">
<div className="mx-auto max-w-md space-y-5">
<h1 className="text-center text-2xl font-semibold"></h1>
@@ -318,7 +318,7 @@ export function CreateRedPacketPage() {
/* ---------- UI helpers ---------- */
function Card({ children }: { children: React.ReactNode }) {
return <div className="space-y-4 rounded-2xl bg-white p-4">{children}</div>
return <div className="space-y-4 rounded-2xl bg-white dark:bg-black p-4">{children}</div>
}
function Field({

View File

@@ -24,7 +24,7 @@ export default function RootLayout({
children: React.ReactNode;
}>) {
return (
<html lang="en">
<html lang="en" className="dark">
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
>

View File

@@ -29,7 +29,7 @@ export async function createRedPacket(
count: payload.count,
currencyName: payload.currency.name,
currencyName: payload.currency.name.trim(),
currencyPrecision: payload.currency.precision,
rule: payload.rule,

View File

@@ -37,7 +37,7 @@ export function validateCreateRedPacketPayload(
}
/* 金额单位 */
if (!currency.name) {
if (!currency.name.trim()) {
return { ok: false, message: "金额单位名称不能为空" }
}