Преглед изворни кода

fix(machine): refine camera count column and improve pagination hover styles

- Removed fixed width from the camera count column for better responsiveness.
- Updated pagination hover styles to enhance user experience by targeting non-active items.
yb пре 2 недеља
родитељ
комит
48a8f755d8
1 измењених фајлова са 3 додато и 3 уклоњено
  1. 3 3
      src/views/machine/index.vue

+ 3 - 3
src/views/machine/index.vue

@@ -79,7 +79,7 @@
         </el-table-column>
         <el-table-column prop="location" label="位置" min-width="120" show-overflow-tooltip />
         <el-table-column prop="description" label="描述" min-width="150" show-overflow-tooltip />
-        <el-table-column prop="cameraCount" label="摄像头数" width="100" sortable="custom" align="center">
+        <el-table-column prop="cameraCount" label="摄像头数" sortable="custom" align="center">
           <template #default="{ row }">
             <el-tag type="info">{{ row.cameraCount || 0 }}</el-tag>
           </template>
@@ -91,7 +91,7 @@
             </el-tag>
           </template>
         </el-table-column>
-        <el-table-column prop="createdAt" label="创建时间" width="170" sortable="custom" align="center" />
+        <el-table-column prop="createdAt" label="创建时间" width="175" sortable="custom" align="center" />
         <el-table-column label="操作" width="150" align="center" fixed="right">
           <template #default="{ row }">
             <el-button type="primary" link :icon="Edit" :data-id="`btn-edit-${row.machineId}`" @click="handleEdit(row)">
@@ -555,7 +555,7 @@ onMounted(() => {
       color: #fff;
     }
 
-    .el-pager li:hover {
+    .el-pager li:not(.is-active):hover {
       color: #4f46e5;
     }