chore: 优化布局

apps/web-antd/src/views/system/dict/data/index.vue

@@ -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>

apps/web-antd/src/views/system/dict/index.vue

@@ -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>

apps/web-antd/src/views/system/dict/type/index.vue

@@ -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>