Merge pull request #8067 from dataease/pr@dev-v2_dzz_mobile

fix(工具箱): 模板管理间距不对
This commit is contained in:
dataeaseShu 2024-02-20 09:54:05 +08:00 committed by GitHub
commit 4a0c30944c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 25 additions and 11 deletions

View File

@ -42,15 +42,18 @@ const hiddenTabbar = ref(false)
<style lang="less"> <style lang="less">
body { body {
min-height: 100vh; min-height: 100vh;
min-height: -webkit-fill-available; display: flex;
flex-direction: column;
} }
html { @supports (-webkit-touch-callout: none) {
height: -webkit-fill-available; body {
min-height: -webkit-fill-available;
}
} }
.mobile-index { .mobile-index {
width: 100vw; width: 100%;
height: 100vh; height: 100%;
overflow: hidden; overflow: hidden;
} }
</style> </style>

View File

@ -100,10 +100,21 @@ const onSubmit = async () => {
</div> </div>
</template> </template>
<style lang="less" scoped> <style lang="less">
body {
min-height: 100vh;
display: flex;
flex-direction: column;
}
@supports (-webkit-touch-callout: none) {
body {
min-height: -webkit-fill-available;
}
}
.de-mobile-login { .de-mobile-login {
height: 100vh; height: 100%;
width: 100vw; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

View File

@ -287,7 +287,7 @@ if (props.templateId) {
justify-content: flex-end; justify-content: flex-end;
} }
.preview { .preview {
margin-top: -5px; margin-top: -8px;
border: 1px solid #e6e6e6; border: 1px solid #e6e6e6;
height: 300px !important; height: 300px !important;
overflow: auto; overflow: auto;

View File

@ -119,7 +119,7 @@
:title="state.dialogTitle" :title="state.dialogTitle"
v-model="state.editTemplate" v-model="state.editTemplate"
append-to-body append-to-body
class="de-dialog-form" class="de-dialog-form create-dialog"
width="420px" width="420px"
> >
<el-form <el-form
@ -148,7 +148,7 @@
v-model="state.templateDialog.visible" v-model="state.templateDialog.visible"
:show-close="true" :show-close="true"
:destroy-on-close="true" :destroy-on-close="true"
class="de-dialog-form" class="de-dialog-form create-dialog"
width="600px" width="600px"
> >
<de-template-import <de-template-import