fix: DEFECT-936 set configuration center defaul row show five item, set image fill a container

@@ -56,7 +56,7 @@
 
 
   const handleBeforeUpload = (file: File) => {
   const handleBeforeUpload = (file: File) => {
     if (file.size > props.maxSize) {
     if (file.size > props.maxSize) {
-      createMessage.warning(`文件大小超过${Math.floor(props.maxSize / 1024)}mb`);
+      createMessage.warning(`文件大小超过${Math.floor(props.maxSize / 1024 / 1024)}mb`);
       return false;
       return false;
     }
     }
     handleUpload(file);
     handleUpload(file);

@@ -29,7 +29,7 @@
   import { cloneDeep } from 'lodash';
   import { cloneDeep } from 'lodash';
   import { usePermission } from '/@/hooks/web/usePermission';
   import { usePermission } from '/@/hooks/web/usePermission';
 
 
-  const listColumn = ref(4);
+  const listColumn = ref(5);
 
 
   const { createMessage } = useMessage();
   const { createMessage } = useMessage();
 
 
@@ -209,7 +209,7 @@
               <template #cover>
               <template #cover>
                 <div class="h-full w-full !flex justify-center items-center text-center">
                 <div class="h-full w-full !flex justify-center items-center text-center">
                   <img
                   <img
-                    class="w-36 h-36"
+                    class="w-full h-36"
                     alt="example"
                     alt="example"
                     :src="item.thumbnail || configurationSrc"
                     :src="item.thumbnail || configurationSrc"
                     @click="handlePreview(item)"
                     @click="handlePreview(item)"