fix: embedded 模式下也强制 min-h-screen，防止 dark 模式底部白底

fix: 移除 body 硬编码背景色，修复 dark 模式底部白底问题
2026-03-04 21:55:43 +08:00 · 2026-03-04 21:23:48 +08:00
3 changed files with 5 additions and 5 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -13,7 +13,7 @@ export default function RootLayout({
 }>) {
  return (
    <html lang="zh-CN">
-      <body className="bg-gray-50 text-gray-900 antialiased">{children}</body>
+      <body className="antialiased">{children}</body>
    </html>
  );
 }
--- a/src/app/pay/result/page.tsx
+++ b/src/app/pay/result/page.tsx
@@ -64,7 +64,7 @@ function ResultContent() {

  if (loading) {
    return (
-      <div className="flex min-h-screen items-center justify-center">
+      <div className="flex min-h-screen items-center justify-center bg-slate-50">
        <div className="text-gray-500">查询支付结果中...</div>
      </div>
    );
@@ -73,7 +73,7 @@ function ResultContent() {
  const isPending = status === 'PENDING';

  return (
-    <div className="flex min-h-screen items-center justify-center p-4">
+    <div className="flex min-h-screen items-center justify-center bg-slate-50 p-4">
      <div className="w-full max-w-md rounded-xl bg-white p-8 text-center shadow-lg">
        {isSuccess ? (
          <>
@@ -147,7 +147,7 @@ export default function PayResultPage() {
  return (
    <Suspense
      fallback={
-        <div className="flex min-h-screen items-center justify-center">
+        <div className="flex min-h-screen items-center justify-center bg-slate-50">
          <div className="text-gray-500">加载中...</div>
        </div>
      }
--- a/src/components/PayPageLayout.tsx
+++ b/src/components/PayPageLayout.tsx
@@ -25,7 +25,7 @@ export default function PayPageLayout({
    <div
      className={[
        'relative w-full overflow-hidden',
-        isEmbedded ? 'p-2' : 'min-h-screen p-3 sm:p-4',
+        isEmbedded ? 'min-h-screen p-2' : 'min-h-screen p-3 sm:p-4',
        isDark ? 'bg-slate-950 text-slate-100' : 'bg-slate-100 text-slate-900',
      ].join(' ')}
    >
Author	SHA1	Message	Date
erio	9a90a7ebb9	fix: embedded 模式下也强制 min-h-screen，防止 dark 模式底部白底	2026-03-04 21:55:43 +08:00
erio	f96f89b7bb	fix: 移除 body 硬编码背景色，修复 dark 模式底部白底问题	2026-03-04 21:23:48 +08:00