统一ui

vite-frontend/src/layouts/admin.tsx

@@ -397,8 +397,10 @@ export default function AdminLayout({
           onOpenChange();
           resetPasswordForm();
         }}
-        size={isMobile ? 'full' : 'md'}
+        size="2xl"
-        scrollBehavior="inside"
+        scrollBehavior="outside"
+        backdrop="blur"
+        placement="center"
       >
                  <ModalContent>
            {(onClose: () => void) => (

vite-frontend/src/pages/dashboard.tsx

@@ -921,7 +921,10 @@ export default function DashboardPage() {
         </Card>
 
         {/* 地址列表弹窗 */}
-        <Modal isOpen={addressModalOpen} onClose={() => setAddressModalOpen(false)} size="lg">
+        <Modal isOpen={addressModalOpen} onClose={() => setAddressModalOpen(false)} size="2xl" 
+        scrollBehavior="outside"
+        backdrop="blur"
+        placement="center">
           <ModalContent>
             <ModalHeader className="text-base">{addressModalTitle}</ModalHeader>
             <ModalBody className="pb-6">

vite-frontend/src/pages/forward.tsx

@@ -1547,8 +1547,10 @@ export default function ForwardPage() {
         <Modal 
           isOpen={modalOpen}
           onOpenChange={setModalOpen}
-          size="lg"
+          size="2xl"
           scrollBehavior="outside"
+          backdrop="blur"
+          placement="center"
         >
           <ModalContent>
             {(onClose) => (
@@ -1678,8 +1680,10 @@ export default function ForwardPage() {
         <Modal 
           isOpen={deleteModalOpen}
           onOpenChange={setDeleteModalOpen}
-          size="sm"
+          size="2xl"
-          scrollBehavior="outside"
+        scrollBehavior="outside"
+        backdrop="blur"
+        placement="center"
         >
           <ModalContent>
             {(onClose) => (
@@ -1750,8 +1754,11 @@ export default function ForwardPage() {
             setSelectedTunnelForExport(null);
             setExportData('');
           }} 
+          
           size="2xl"
-          scrollBehavior="outside"
+        scrollBehavior="outside"
+        backdrop="blur"
+        placement="center"
         >
           <ModalContent>
             <ModalHeader className="flex flex-col gap-1">
@@ -1870,8 +1877,11 @@ export default function ForwardPage() {
         <Modal 
           isOpen={importModalOpen} 
           onClose={() => setImportModalOpen(false)} 
-          size="3xl" 
+          
-          scrollBehavior="outside"
+          size="2xl"
+        scrollBehavior="outside"
+        backdrop="blur"
+        placement="center"
         >
           <ModalContent>
             <ModalHeader className="flex flex-col gap-1">
@@ -2007,8 +2017,11 @@ export default function ForwardPage() {
         <Modal 
           isOpen={diagnosisModalOpen}
           onOpenChange={setDiagnosisModalOpen}
-          size="3xl"
+          
-          scrollBehavior="outside"
+          size="2xl"
+        scrollBehavior="outside"
+        backdrop="blur"
+        placement="center"
         >
           <ModalContent>
             {(onClose) => (

vite-frontend/src/pages/limit.tsx

@@ -336,8 +336,10 @@ export default function LimitPage() {
         <Modal 
           isOpen={modalOpen}
           onOpenChange={setModalOpen}
-          size="lg"
+          size="2xl"
-          scrollBehavior="outside"
+        scrollBehavior="outside"
+        backdrop="blur"
+        placement="center"
         >
           <ModalContent>
             {(onClose) => (
@@ -432,8 +434,10 @@ export default function LimitPage() {
         <Modal 
           isOpen={deleteModalOpen}
           onOpenChange={setDeleteModalOpen}
-          size="sm"
+          size="2xl"
-          scrollBehavior="outside"
+        scrollBehavior="outside"
+        backdrop="blur"
+        placement="center"
         >
           <ModalContent>
             {(onClose) => (

vite-frontend/src/pages/node.tsx

@@ -801,6 +801,8 @@ export default function NodePage() {
           onClose={() => setDialogVisible(false)}
           size="2xl"
           scrollBehavior="outside"
+          backdrop="blur"
+          placement="center"
         >
           <ModalContent>
             <ModalHeader>{dialogTitle}</ModalHeader>
@@ -900,8 +902,10 @@ export default function NodePage() {
         <Modal 
           isOpen={deleteModalOpen}
           onOpenChange={setDeleteModalOpen}
-          size="sm"
+          size="2xl"
-          scrollBehavior="outside"
+        scrollBehavior="outside"
+        backdrop="blur"
+        placement="center"
         >
           <ModalContent>
             {(onClose) => (
@@ -935,7 +939,9 @@ export default function NodePage() {
           isOpen={installCommandModal} 
           onClose={() => setInstallCommandModal(false)}
           size="2xl"
-          scrollBehavior="outside"
+        scrollBehavior="outside"
+        backdrop="blur"
+        placement="center"
         >
           <ModalContent>
             <ModalHeader>安装命令 - {currentNodeName}</ModalHeader>

vite-frontend/src/pages/profile.tsx

@@ -268,8 +268,10 @@ export default function ProfilePage() {
           onOpenChange();
           resetPasswordForm();
         }}
-        size="full"
+        size="2xl"
-        scrollBehavior="inside"
+      scrollBehavior="outside"
+      backdrop="blur"
+      placement="center"
       >
         <ModalContent>
           {(onClose: () => void) => (

vite-frontend/src/pages/tunnel.tsx

@@ -605,7 +605,9 @@ export default function TunnelPage() {
           isOpen={modalOpen}
           onOpenChange={setModalOpen}
           size="2xl"
-          scrollBehavior="outside"
+        scrollBehavior="outside"
+        backdrop="blur"
+        placement="center"
         >
           <ModalContent>
             {(onClose) => (
@@ -878,8 +880,10 @@ export default function TunnelPage() {
         <Modal 
           isOpen={deleteModalOpen}
           onOpenChange={setDeleteModalOpen}
-          size="sm"
+          size="2xl"
-          scrollBehavior="outside"
+        scrollBehavior="outside"
+        backdrop="blur"
+        placement="center"
         >
           <ModalContent>
             {(onClose) => (
@@ -912,8 +916,10 @@ export default function TunnelPage() {
         <Modal 
           isOpen={diagnosisModalOpen}
           onOpenChange={setDiagnosisModalOpen}
-          size="3xl"
+          size="2xl"
-          scrollBehavior="outside"
+        scrollBehavior="outside"
+        backdrop="blur"
+        placement="center"
         >
           <ModalContent>
             {(onClose) => (

vite-frontend/src/pages/user.tsx

@@ -746,7 +746,9 @@ export default function UserPage() {
         isOpen={isUserModalOpen}
         onClose={onUserModalClose}
         size="2xl"
-        scrollBehavior="outside"
+      scrollBehavior="outside"
+      backdrop="blur"
+      placement="center"
       >
         <ModalContent>
           <ModalHeader>
@@ -857,8 +859,10 @@ export default function UserPage() {
       <Modal
         isOpen={isTunnelModalOpen}
         onClose={onTunnelModalClose}
-        size="4xl"
+        size="2xl"
-        scrollBehavior="outside"
+      scrollBehavior="outside"
+      backdrop="blur"
+      placement="center"
         isDismissable={false}
         classNames={{
           base: "max-w-[95vw] sm:max-w-4xl"
@@ -1097,7 +1101,9 @@ export default function UserPage() {
         isOpen={isEditTunnelModalOpen}
         onClose={onEditTunnelModalClose}
         size="2xl"
-        scrollBehavior="outside"
+      scrollBehavior="outside"
+      backdrop="blur"
+      placement="center"
         isDismissable={false}
       >
         <ModalContent>
@@ -1218,8 +1224,10 @@ export default function UserPage() {
       <Modal
         isOpen={isDeleteModalOpen}
         onClose={onDeleteModalClose}
-        size="md"
+        size="2xl"
-        scrollBehavior="outside"
+      scrollBehavior="outside"
+      backdrop="blur"
+      placement="center"
       >
         <ModalContent>
           <ModalHeader className="flex flex-col gap-1">
@@ -1261,8 +1269,10 @@ export default function UserPage() {
       <Modal
         isOpen={isDeleteTunnelModalOpen}
         onClose={onDeleteTunnelModalClose}
-        size="md"
+        size="2xl"
-        scrollBehavior="outside"
+      scrollBehavior="outside"
+      backdrop="blur"
+      placement="center"
       >
         <ModalContent>
           <ModalHeader className="flex flex-col gap-1">
@@ -1304,8 +1314,10 @@ export default function UserPage() {
       <Modal
         isOpen={isResetFlowModalOpen}
         onClose={onResetFlowModalClose}
-        size="md"
+        size="2xl"
-        scrollBehavior="outside"
+      scrollBehavior="outside"
+      backdrop="blur"
+      placement="center"
       >
         <ModalContent>
           <ModalHeader className="flex flex-col gap-1">
@@ -1371,8 +1383,10 @@ export default function UserPage() {
       <Modal
         isOpen={isResetTunnelFlowModalOpen}
         onClose={onResetTunnelFlowModalClose}
-        size="md"
+        size="2xl"
-        scrollBehavior="outside"
+      scrollBehavior="outside"
+      backdrop="blur"
+      placement="center"
       >
         <ModalContent>
           <ModalHeader className="flex flex-col gap-1">