fix(ui):修复弹窗按钮超出弹窗外的问题
This commit is contained in:
1 parent
65d734c51c
commit
f629ca898d
2 files changed
+3
-18
No files matched your search
@@ -305,6 +305,7 @@ body {
|
||||
border-radius: var(--ta-radius-xl);
|
||||
max-height: calc(100vh - 64px);
|
||||
margin: 32px auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.arco-modal-wrapper .arco-modal .arco-modal-header,
|
||||
@@ -312,12 +313,11 @@ body {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.arco-modal-wrapper .arco-modal .arco-modal-body {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow-y: auto;
|
||||
min-height: 200px;
|
||||
max-height: 80vh;
|
||||
margin-bottom: 20px;
|
||||
min-height: 80px;
|
||||
}
|
||||
|
||||
/* Pagination */
|
||||
|
||||
@@ -353,7 +353,6 @@ const { exporting, exportFile } = useExport({
|
||||
:width="480"
|
||||
:on-before-ok="handleSubmit"
|
||||
:ok-loading="formLoading"
|
||||
modal-class="modal-scroll"
|
||||
>
|
||||
<AForm ref="formRef" :model="form" :auto-label-width="true" layout="vertical">
|
||||
<AFormItem field="name" label="租户名称" :rules="[{ required: true, message: '请输入租户名称' }]">
|
||||
@@ -390,7 +389,6 @@ const { exporting, exportFile } = useExport({
|
||||
:width="560"
|
||||
:on-before-ok="handleCreateSubmit"
|
||||
:ok-loading="createFormLoading"
|
||||
modal-class="modal-scroll"
|
||||
>
|
||||
<AForm ref="createFormRef" :model="createForm" :auto-label-width="true" layout="vertical">
|
||||
<AFormItem field="tenant_name" label="租户名称" :rules="[{ required: true, message: '请输入租户名称' }, { minLength: 2, maxLength: 100, message: '租户名称长度为2-100位' }]">
|
||||
@@ -430,16 +428,3 @@ const { exporting, exportFile } = useExport({
|
||||
border-top: 1px solid var(--ta-border-light);
|
||||
}
|
||||
</style>
|
||||
|
||||
<style>
|
||||
.modal-scroll {
|
||||
max-height: calc(100vh - 100px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.modal-scroll > .arco-modal-body {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
overflow-y: auto;
|
||||
}
|
||||
</style>
|
||||
Reference in new issue
Block a user