From 87647cae34b4e70e507a0f4bb4be6e5c38c36bde Mon Sep 17 00:00:00 2001
From: wangjia <809946525@qq.com>
Date: Wed, 8 Jul 2026 11:13:31 +0800
Subject: [PATCH] =?UTF-8?q?fix(usercenter):=20Subscription/Redeem/Referral?=
 =?UTF-8?q?/Settings=20=E5=B8=83=E5=B1=80=E5=AE=BD=E5=BA=A6=E5=AF=B9?=
 =?UTF-8?q?=E9=BD=90=20Overview?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

这 4 页根布局各自设了更窄的 maxWidth(720/680),而 Overview 无 maxWidth 填满
1000px 居中容器 → 这几页内容贴左、右侧留白、与 Overview 不一致。去掉各自的
maxWidth,统一填满主容器(maxWidth:1000 margin:0 auto),宽度与 Overview 一致、
居中对齐。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 web/usercenter/components/Invite.tsx       | 2 +-
 web/usercenter/components/Redeem.tsx       | 2 +-
 web/usercenter/components/Settings.tsx     | 2 +-
 web/usercenter/components/Subscription.tsx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/usercenter/components/Invite.tsx b/web/usercenter/components/Invite.tsx
index fa994d5..f97925e 100644
--- a/web/usercenter/components/Invite.tsx
+++ b/web/usercenter/components/Invite.tsx
@@ -25,7 +25,7 @@ export default function Invite({ t }: { t: TFn }) {
   }
 
   return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: 18, maxWidth: 680 }}>
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 18 }}>
       <div>
         <div style={{ fontFamily: 'var(--font-display)', fontSize: 25, fontWeight: 700, color: 'var(--fg1)' }}>{t('inviteTitle')}</div>
         <div style={{ fontSize: 13, color: 'var(--fg3)', marginTop: 5, lineHeight: 1.6 }}>{t('inviteSub')}</div>
diff --git a/web/usercenter/components/Redeem.tsx b/web/usercenter/components/Redeem.tsx
index 537c8ac..8a84d50 100644
--- a/web/usercenter/components/Redeem.tsx
+++ b/web/usercenter/components/Redeem.tsx
@@ -39,7 +39,7 @@ export default function Redeem({ t, lang, onRedeemed }: { t: TFn; lang: Lang; on
   }
 
   return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: 18, maxWidth: 680 }}>
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 18 }}>
       <div style={{ fontFamily: 'var(--font-display)', fontSize: 25, fontWeight: 700, color: 'var(--fg1)' }}>{t('navRedeem')}</div>
       <div style={{ ...card, padding: '20px 22px' }}>
         <div style={{ fontSize: 14.5, fontWeight: 700, color: 'var(--fg1)', marginBottom: 12 }}>{t('redeemTitle')}</div>
diff --git a/web/usercenter/components/Settings.tsx b/web/usercenter/components/Settings.tsx
index 2944b4b..a85934a 100644
--- a/web/usercenter/components/Settings.tsx
+++ b/web/usercenter/components/Settings.tsx
@@ -13,7 +13,7 @@ import type { Device, TotpSetup } from '../lib/api/types';
 
 export default function Settings({ t, lang, totpEnabled, onTotpChange }: { t: TFn; lang: Lang; totpEnabled: boolean; onTotpChange: () => void }) {
   return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: 18, maxWidth: 680 }}>
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 18 }}>
       <div style={{ fontFamily: 'var(--font-display)', fontSize: 25, fontWeight: 700, color: 'var(--fg1)' }}>{t('settingsTitle')}</div>
       <Preferences t={t} />
       <TotpSection t={t} lang={lang} enabled={totpEnabled} onChange={onTotpChange} />
diff --git a/web/usercenter/components/Subscription.tsx b/web/usercenter/components/Subscription.tsx
index f361c8e..b2eb3a9 100644
--- a/web/usercenter/components/Subscription.tsx
+++ b/web/usercenter/components/Subscription.tsx
@@ -48,7 +48,7 @@ export default function Subscription({ t, mobile }: { t: TFn; mobile: boolean })
   }
 
   return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: 18, maxWidth: 720 }}>
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 18 }}>
       <div>
         <div style={{ fontFamily: 'var(--font-display)', fontSize: 25, fontWeight: 700, color: 'var(--fg1)' }}>{t('subTitle')}</div>
         <div style={{ fontSize: 13, color: 'var(--fg3)', marginTop: 5, lineHeight: 1.6 }}>{t('subDesc')}</div>