perf: switch column layout container width

@@ -140,8 +140,10 @@
   onMounted(() => {
     const clientHeight = document.documentElement.clientHeight;
     const rect = getBoundingClientRect(unref(listEl)!.$el!) as DOMRect;
-    const paginationHeight = 24 + 24;
-    const listContainerMarginBottom = 16 + 8 + 32 + 20;
+    // margin-top 24 height 24
+    const paginationHeight = 24 + 24 + 8;
+    // list pading top 8 maring-top 8 extra slot 56
+    const listContainerMarginBottom = 8 + 8 + 56;
     const listContainerHeight =
       clientHeight - rect.top - paginationHeight - listContainerMarginBottom;
     const listContainerEl = (unref(listEl)!.$el as HTMLElement).querySelector(
@@ -175,7 +177,8 @@
             <Button type="primary" @click="handleCreateOrUpdate()">新增组态</Button>
             <Popover :trigger="['hover']">
               <template #content>
-                <div class="w-40">
+                <div class="w-50">
+                  <div>每行显示数量</div>
                   <Slider
                     v-model:value="listColumn"
                     :max="12"
@@ -189,9 +192,11 @@
                 <AppstoreOutlined />
               </Button>
             </Popover>
-            <Button type="primary" @click="getListData">
-              <ReloadOutlined @click="getListData" />
-            </Button>
+            <Tooltip title="刷新">
+              <Button type="primary" @click="getListData">
+                <ReloadOutlined @click="getListData" />
+              </Button>
+            </Tooltip>
           </div>
         </template>
         <template #renderItem="{ item }">
@@ -257,6 +262,5 @@
 
   .configuration-list:deep(.ant-list-pagination) {
     height: 24px;
-    background-color: #fff;
   }
 </style>