chore(repo): center license header and body via pure pt

ref: #56
os-checker · Nov 9, 2024 · d97055a · d97055a
1 parent da8d0ca
commit d97055a
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/os-checks/pages/repo.vue b/os-checks/pages/repo.vue
@@ -20,8 +20,7 @@
         </template>
       </Column>
 
-      <Column sortable field="license" header="License" style="text-align: center;"
-        headerStyle="display:flex; justify-content: center;" />
+      <Column sortable field="license" header="License" :pt="ptColumn" />
 
     </DataTable>
   </div>
@@ -40,6 +39,12 @@ onMounted(() => {
   });
 });
 
+// styling
+const ptColumn = ref({
+  columnHeaderContent: { style: { "justify-content": "center" } },
+  bodyCell: { style: { "text-align": "center" } }
+});
+
 const summaries = ref<Output[]>([]);
 
 githubFetch<Output[]>({