From 4704b0deef87103423e8704a838d1be5316324fb Mon Sep 17 00:00:00 2001 From: chiayin Date: Fri, 1 Mar 2024 10:49:30 +0800 Subject: [PATCH] fix: Issues #149 thead to text-center done. --- src/components/Discover/Conformance/MoreModal.vue | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/components/Discover/Conformance/MoreModal.vue b/src/components/Discover/Conformance/MoreModal.vue index e9a9786..6d01d2e 100644 --- a/src/components/Discover/Conformance/MoreModal.vue +++ b/src/components/Discover/Conformance/MoreModal.vue @@ -282,7 +282,7 @@ export default { } /* Table set */ :deep(.p-datatable-thead) { - @apply sticky top-0 left-0 z-10 bg-neutral-10 text-center + @apply sticky top-0 left-0 z-10 bg-neutral-10 } :deep(.p-datatable .p-datatable-thead > tr > th) { @apply !border-y-0 border-neutral-500 bg-neutral-100 after:absolute after:left-0 after:w-full after:h-full after:block after:top-0 after:border-b after:border-t after:border-neutral-500 @@ -290,6 +290,10 @@ export default { :deep(.p-datatable .p-datatable-tbody > tr > td) { @apply border-neutral-500 !border-t-0 text-center } +/* 標題置中 */ +:deep(.p-column-header-content) { + @apply justify-center +} :deep(.p-datatable .p-datatable-thead > tr > th) { white-space: nowrap; }