Merge pull request #1167 from PrefectHQ/p-table/multiselect-styling

Update multiselect checkbox styling to better handle both wide(r) tables and tall(er) rows.
PrefectHQ · Mar 22, 2024 · 29709c8 · 29709c8
2 parents f2eb160 + b1303a4
commit 29709c8
Showing 1 changed file with 3 additions and 7 deletions.
diff --git a/src/components/Table/PTable.vue b/src/components/Table/PTable.vue
@@ -6,9 +6,9 @@
           <slot name="header">
             <PTableRow>
               <template v-if="showMultiselect">
-                <PTableData class="p-table__checkbox-cell">
+                <PTableHeader class="p-table__checkbox-cell">
                   <PSelectAllCheckbox v-model="internalSelectedRows" :selectable="selectableRows" />
-                </PTableData>
+                </PTableHeader>
               </template>
 
               <template v-for="column in visibleColumns" :key="column">
@@ -186,10 +186,6 @@
 }
 
 .p-table__checkbox-cell { @apply
-  flex
-  justify-center
-  items-center
-  pl-2
-  pr-0
+  w-5
 }
 </style>