fix(web): 修复禁用按钮与弹窗布局

src/components/UserInfo/src/components/LockDialog.vue

@@ -91,7 +91,7 @@ const cancel = () => {
   <Dialog
     v-model="dialogVisible"
     width="440px"
-    max-height="220px"
+    max-height="320px"
     :class="prefixCls"
     :title="dialogTitle"
     :fullscreen="false"
@@ -136,29 +136,35 @@ const cancel = () => {
 
 <style lang="less" scoped>
 :global(.v-lock-dialog) {
+  display: flex;
   width: 440px !important;
+  height: auto !important;
   max-width: calc(100vw - 24px);
-  max-height: 360px;
+  max-height: 440px;
+  overflow: hidden;
+  flex-direction: column;
 }
 
 :global(.v-lock-dialog .el-dialog__header) {
   height: auto;
-  min-height: 64px;
-  padding: 14px 20px 8px !important;
+  min-height: 56px;
+  padding: 8px 20px 4px !important;
   border-bottom: 0;
 }
 
 :global(.v-lock-dialog .el-dialog__body) {
+  min-height: 0;
   padding: 4px 20px 8px !important;
+  overflow: hidden;
 }
 
 :global(.v-lock-dialog .el-dialog__footer) {
-  padding: 10px 20px 16px;
+  padding: 6px 20px 10px;
 }
 
 :global(.v-lock-dialog .el-dialog__footer .el-button) {
-  min-width: 96px;
   height: 36px;
+  min-width: 96px;
 }
 
 :global(.v-lock-dialog .el-dialog__header .absolute) {
@@ -192,10 +198,10 @@ const cancel = () => {
 
   p {
     margin: 3px 0 0;
-    color: var(--el-text-color-secondary);
     font-size: 12px;
     font-weight: 400;
     line-height: 1.4;
+    color: var(--el-text-color-secondary);
   }
 }
 
@@ -228,9 +234,9 @@ const cancel = () => {
 }
 
 .lock-dialog-name {
-  color: var(--el-text-color-regular);
   font-size: 14px;
   font-weight: 600;
+  color: var(--el-text-color-regular);
 }
 
 .lock-password-field {