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;
+  min-height: 56px;
-  padding: 14px 20px 8px !important;
+  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 {

src/styles/business/drama-management.css

@@ -166,8 +166,12 @@
 }
 
 .cover-preview-card img {
+  position: absolute;
+  inset: 0;
+  display: block;
   width: 100%;
   height: 100%;
+  max-height: 100%;
   object-fit: cover;
 }
 
@@ -265,6 +269,19 @@
   .editor-grid--two {
     grid-template-columns: 1fr;
   }
+
+  .cover-editor {
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .cover-preview-card {
+    flex-basis: 128px;
+  }
+
+  .cover-editor-meta {
+    width: 100%;
+  }
 }
 
 html.dark .cover-preview-card,

src/styles/business/theme.css

@@ -52,6 +52,14 @@ body {
   background: var(--el-color-danger-dark-2) !important;
   border-color: var(--el-color-danger-dark-2) !important;
 }
+.el-button--danger.is-disabled,
+.el-button--danger.is-disabled:hover {
+  color: var(--el-text-color-placeholder) !important;
+  background: var(--el-fill-color-light) !important;
+  border-color: var(--el-border-color-lighter) !important;
+  cursor: not-allowed;
+  opacity: 1;
+}
 .el-message-box__btns .el-button--danger {
   color: #fff !important;
   background: var(--el-color-danger) !important;