style(audit-logs): widen time and action columns, tighten payload column

Author: sunnylqm

src/pages/audit-logs.tsx

@@ -455,7 +455,7 @@ export const AuditLogs = () => {
     {
       title: t('audit_logs.col_time'),
       dataIndex: 'createdAt',
-      width: 180,
+      width: 210,
       render: (createdAt: string) => {
         const date = dayjs(createdAt);
         return (
@@ -470,7 +470,7 @@ export const AuditLogs = () => {
     },
     {
       title: t('audit_logs.col_action'),
-      width: 140,
+      width: 210,
       render: (_value, record) => {
         const actionLabel = getActionLabel(t, record.method, record.path);
         const isDelete = record.method.toUpperCase() === 'DELETE';
@@ -483,7 +483,7 @@ export const AuditLogs = () => {
     },
     {
       title: t('audit_logs.col_path'),
-      width: 260,
+      width: 240,
       responsive: ['md'],
       render: (_value, record) => (
         <div className="min-w-0">
@@ -499,7 +499,7 @@ export const AuditLogs = () => {
     {
       title: t('audit_logs.col_status'),
       dataIndex: 'statusCode',
-      width: 110,
+      width: 90,
       render: (statusCode: string) => {
         const code = Number(statusCode);
         const color =
@@ -516,7 +516,7 @@ export const AuditLogs = () => {
     {
       title: t('audit_logs.col_payload'),
       responsive: ['lg'],
-      width: 320,
+      width: 200,
       render: (_value, record) => {
         const previewData = getPreviewData(record.data);
         if (!previewData) {