优化字典页面展示

src/views/system/Dict.vue

@@ -127,16 +127,24 @@ const dictItemFormConfig = reactive<BasicForm>({
       </pro-table>
     </el-col>
     <el-col :span="12">
-      <pro-table ref="itemTableRef" :crud="itemCRUD" :formConfig="dictItemFormConfig" :selection="false" v-if="curRow">
-        <template #header>
-          <div class="pb-15px mb-20px font-bold" style="border-bottom: 1px solid var(--el-border-color)">
-            {{ curRow?.description }}
-          </div>
-        </template>
-        <vxe-column field="label" title="标签"></vxe-column>
-        <vxe-column field="value" title="键值"></vxe-column>
-      </pro-table>
-      <el-empty v-else description="请选择左侧数据后操作"></el-empty>
+      <div class="bg-white h-full">
+        <pro-table
+          ref="itemTableRef"
+          :crud="itemCRUD"
+          :formConfig="dictItemFormConfig"
+          :selection="false"
+          v-if="curRow"
+        >
+          <template #header>
+            <div class="pb-15px mb-20px font-bold" style="border-bottom: 1px solid var(--el-border-color)">
+              {{ curRow.description }}
+            </div>
+          </template>
+          <vxe-column field="label" title="标签"></vxe-column>
+          <vxe-column field="value" title="键值"></vxe-column>
+        </pro-table>
+        <el-empty v-else description="请选择左侧数据后操作"></el-empty>
+      </div>
     </el-col>
   </el-row>
 </template>