fix: 修复脚本全屏编辑对话框超出屏幕高度问题
All checks were successful
continuous-integration/drone/push Build is passing

使用 CSS calc(80vh - 180px) 控制 textarea 高度
This commit is contained in:
2026-01-28 17:59:13 +08:00
parent d91119af8a
commit 262a1b409f

View File

@@ -939,7 +939,7 @@ onMounted(() => {
</el-dialog>
<!-- 脚本全屏编辑对话框 -->
<el-dialog v-model="scriptDialogVisible" title="编辑脚本" width="90%" top="3vh" :close-on-click-modal="false">
<el-dialog v-model="scriptDialogVisible" title="编辑脚本" width="90%" top="3vh" :close-on-click-modal="false" class="script-dialog">
<div class="script-fullscreen-toolbar">
<el-button size="small" @click="handleShowSdkDocs">SDK 文档</el-button>
<span style="color: #999; font-size: 12px; margin-left: 12px">
@@ -949,7 +949,6 @@ onMounted(() => {
<el-input
v-model="scriptContent"
type="textarea"
:rows="30"
placeholder="Python 脚本"
class="script-textarea-fullscreen"
/>
@@ -1018,6 +1017,13 @@ onMounted(() => {
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
font-size: 14px;
line-height: 1.6;
height: calc(80vh - 180px) !important;
min-height: 400px;
}
/* 脚本全屏编辑对话框 */
.script-dialog :deep(.el-dialog__body) {
padding: 15px 20px;
}
.script-fullscreen-toolbar {