From 7e97493bdcd1e87723e77317c1da962044b1a92a Mon Sep 17 00:00:00 2001
From: admin <1297598740@qq.com>
Date: Fri, 30 Jan 2026 15:58:12 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E8=B4=A6=E6=88=B7?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2=E5=92=8C=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=EF=BC=8C=E5=B9=B6=E4=B8=BA=E5=85=B6=E6=B7=BB=E5=8A=A0=E4=BA=86?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=92=8C=E8=B4=A6=E6=88=B7=E8=A1=A8=E5=8D=95?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/account/AccountForm/AccountForm.css | 3 ++-
 src/pages/Accounts/Accounts.css                    | 7 +++++++
 src/pages/Accounts/Accounts.tsx                    | 2 +-
 src/pages/Home/Home.tsx                            | 2 +-
 4 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/account/AccountForm/AccountForm.css b/src/components/account/AccountForm/AccountForm.css
index e5fe48b..7918661 100644
--- a/src/components/account/AccountForm/AccountForm.css
+++ b/src/components/account/AccountForm/AccountForm.css
@@ -6,6 +6,7 @@
   display: flex;
   flex-direction: column;
   height: 100%;
+  min-height: 0;
   padding: 0;
   background-color: var(--color-bg);
   border-radius: 20px;
@@ -291,7 +292,7 @@
   .account-form {
     padding: 0;
     max-width: 100%;
-    height: 100vh;
+    height: 100%;
     border-radius: 0;
   }
 
diff --git a/src/pages/Accounts/Accounts.css b/src/pages/Accounts/Accounts.css
index e505e94..d48a897 100644
--- a/src/pages/Accounts/Accounts.css
+++ b/src/pages/Accounts/Accounts.css
@@ -301,6 +301,13 @@
   animation: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);
 }
 
+.accounts-page__modal--fixed {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  padding: 0;
+}
+
 /* Delete Confirmation */
 .accounts-page__delete-confirm {
   padding: var(--spacing-xl);
diff --git a/src/pages/Accounts/Accounts.tsx b/src/pages/Accounts/Accounts.tsx
index a1947a1..ea015ad 100644
--- a/src/pages/Accounts/Accounts.tsx
+++ b/src/pages/Accounts/Accounts.tsx
@@ -250,7 +250,7 @@ export const Accounts: React.FC = () => {
       {/* Modal Overlay */}
       {modalType !== 'none' && (
         <div className="accounts-page__modal-overlay" onClick={closeModal}>
-          <div className="accounts-page__modal" onClick={(e) => e.stopPropagation()}>
+          <div className={`accounts-page__modal ${modalType === 'create' || modalType === 'edit' ? 'accounts-page__modal--fixed' : ''}`} onClick={(e) => e.stopPropagation()}>
             {/* Create Account Modal */}
             {modalType === 'create' && (
               <AccountForm
diff --git a/src/pages/Home/Home.tsx b/src/pages/Home/Home.tsx
index 7abe508..dd862f2 100644
--- a/src/pages/Home/Home.tsx
+++ b/src/pages/Home/Home.tsx
@@ -405,7 +405,7 @@ function Home() {
       <CreateFirstAccountModal isOpen={!loading && !error && accounts.length === 0 && !showAccountForm} onCreate={() => setShowAccountForm(true)} />
       {showAccountForm && (
         <div className="modal-overlay">
-          <div className="modal-content">
+          <div className="modal-content" style={{ display: 'flex', flexDirection: 'column', maxHeight: '90vh', overflow: 'hidden', padding: 0 }}>
             <AccountForm
               onSubmit={async (data) => { await createAccount(data); setShowAccountForm(false); await loadData(); }}
               onCancel={() => setShowAccountForm(false)}