fix: configuration center wrong layout will component name too long

@@ -163,7 +163,7 @@
 <template>
 <template>
   <PageWrapper dense contentFullHeight contentClass="flex">
   <PageWrapper dense contentFullHeight contentClass="flex">
     <OrganizationIdTree @select="handleSelect" ref="organizationIdTreeRef" />
     <OrganizationIdTree @select="handleSelect" ref="organizationIdTreeRef" />
-    <section class="flex-auto p-4 configuration-list">
+    <section class="flex-auto p-4 w-full configuration-list">
       <div class="flex-auto w-full bg-light-50 dark:bg-dark-900 p-4">
       <div class="flex-auto w-full bg-light-50 dark:bg-dark-900 p-4">
         <BasicForm @register="registerForm" />
         <BasicForm @register="registerForm" />
       </div>
       </div>
@@ -248,7 +248,10 @@
                   <EllipsisOutlined key="ellipsis" />
                   <EllipsisOutlined key="ellipsis" />
                 </Dropdown>
                 </Dropdown>
               </template>
               </template>
-              <Card.Meta :title="item.name">
+              <Card.Meta>
+                <template #title>
+                  <span class="truncate">{{ item.name }}</span>
+                </template>
                 <template #description>
                 <template #description>
                   <div class="truncate h-11">
                   <div class="truncate h-11">
                     <div class="truncate">{{ item.organizationDTO.name }}</div>
                     <div class="truncate">{{ item.organizationDTO.name }}</div>