chore: 优化布局

This commit is contained in:
dap 2024-10-18 15:43:57 +08:00
parent 6e7fade539
commit 9cdc2780b3
3 changed files with 10 additions and 16 deletions

View File

@ -3,7 +3,7 @@ import type { Recordable } from '@vben/types';
import { ref } from 'vue';
import { Page, useVbenDrawer, type VbenFormProps } from '@vben/common-ui';
import { useVbenDrawer, type VbenFormProps } from '@vben/common-ui';
import { getPopupContainer } from '@vben/utils';
import { Modal, Popconfirm, Space } from 'ant-design-vue';
@ -140,7 +140,7 @@ emitter.on('rowClick', async (value) => {
</script>
<template>
<Page :auto-content-height="true">
<div>
<BasicTable>
<template #toolbar-actions>
<span class="pl-[7px] text-[16px]">字典数据列表</span>
@ -204,5 +204,5 @@ emitter.on('rowClick', async (value) => {
</template>
</BasicTable>
<DictDataDrawer @reload="tableApi.query()" />
</Page>
</div>
</template>

View File

@ -6,17 +6,11 @@ import DictTypePanel from './type/index.vue';
</script>
<template>
<Page :auto-content-height="true" content-class="flex flex-col lg:flex-row">
<Page
:auto-content-height="true"
content-class="flex flex-col lg:flex-row gap-4"
>
<DictTypePanel class="flex-1 overflow-hidden" />
<DictDataPanel class="flex-1 overflow-hidden" />
</Page>
</template>
<style scoped>
/**
TODO: ugly code
*/
:deep(.p-4) {
padding: 6px;
}
</style>

View File

@ -4,7 +4,7 @@ import type { Recordable } from '@vben/types';
import { computed, ref } from 'vue';
import { useAccess } from '@vben/access';
import { Page, useVbenModal, type VbenFormProps } from '@vben/common-ui';
import { useVbenModal, type VbenFormProps } from '@vben/common-ui';
import { getPopupContainer } from '@vben/utils';
import {
@ -184,7 +184,7 @@ const couldSyncTenantDict = computed(() => {
</script>
<template>
<Page :auto-content-height="true">
<div>
<BasicTable>
<template #toolbar-actions>
<span class="pl-[7px] text-[16px]">字典类型列表</span>
@ -260,5 +260,5 @@ const couldSyncTenantDict = computed(() => {
</template>
</BasicTable>
<DictTypeModal @reload="tableApi.query()" />
</Page>
</div>
</template>