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

View File

@ -6,17 +6,11 @@ import DictTypePanel from './type/index.vue';
</script> </script>
<template> <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" /> <DictTypePanel class="flex-1 overflow-hidden" />
<DictDataPanel class="flex-1 overflow-hidden" /> <DictDataPanel class="flex-1 overflow-hidden" />
</Page> </Page>
</template> </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 { computed, ref } from 'vue';
import { useAccess } from '@vben/access'; 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 { getPopupContainer } from '@vben/utils';
import { import {
@ -184,7 +184,7 @@ const couldSyncTenantDict = computed(() => {
</script> </script>
<template> <template>
<Page :auto-content-height="true"> <div>
<BasicTable> <BasicTable>
<template #toolbar-actions> <template #toolbar-actions>
<span class="pl-[7px] text-[16px]">字典类型列表</span> <span class="pl-[7px] text-[16px]">字典类型列表</span>
@ -260,5 +260,5 @@ const couldSyncTenantDict = computed(() => {
</template> </template>
</BasicTable> </BasicTable>
<DictTypeModal @reload="tableApi.query()" /> <DictTypeModal @reload="tableApi.query()" />
</Page> </div>
</template> </template>