fix: 修复脚本全屏编辑对话框超出屏幕高度问题
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
使用 CSS calc(80vh - 180px) 控制 textarea 高度
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user