From c8bf4a8fd4e5e9aaba705806a3f85fb427292339 Mon Sep 17 00:00:00 2001
From: Zhou Weidong <502333560@qq.com>
Date: Mon, 19 Oct 2026 12:56:07 +0800
Subject: [PATCH] =?UTF-8?q?fix(web):=20=E4=BF=AE=E5=A4=8D=E7=A6=81?=
 =?UTF-8?q?=E7=94=A8=E6=8C=89=E9=92=AE=E4=B8=8E=E5=BC=B9=E7=AA=97=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../UserInfo/src/components/LockDialog.vue    | 22 ++++++++++++-------
 src/styles/business/drama-management.css      | 17 ++++++++++++++
 src/styles/business/theme.css                 |  8 +++++++
 3 files changed, 39 insertions(+), 8 deletions(-)

diff --git a/src/components/UserInfo/src/components/LockDialog.vue b/src/components/UserInfo/src/components/LockDialog.vue
index 54c4015..a2bab50 100644
--- a/src/components/UserInfo/src/components/LockDialog.vue
+++ b/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 {
diff --git a/src/styles/business/drama-management.css b/src/styles/business/drama-management.css
index aa498c4..8f2e401 100644
--- a/src/styles/business/drama-management.css
+++ b/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,
diff --git a/src/styles/business/theme.css b/src/styles/business/theme.css
index 54ef210..871a20a 100644
--- a/src/styles/business/theme.css
+++ b/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;