fix: logs table

src/routes/(console)/project-[project]/sites/site-[site]/logs/store.ts

@@ -16,7 +16,6 @@ export const columns = writable<Column[]>([
         title: 'Trigger',
         type: 'string',
         exclude: true,
-        width: 90,
         array: true,
         format: 'enum',
         elements: [
@@ -31,7 +30,6 @@ export const columns = writable<Column[]>([
         title: 'Method',
         type: 'string',
         exclude: true,
-        width: 70,
         array: true,
         format: 'enum',
         elements: ['GET', 'POST', 'PUT', 'PATCH', 'DELETE']
@@ -41,7 +39,6 @@ export const columns = writable<Column[]>([
         title: 'Status code',
         type: 'integer',
         exclude: true,
-        width: 100,
         format: 'integer',
         elements: [
             {
@@ -68,7 +65,6 @@ export const columns = writable<Column[]>([
         id: 'duration',
         title: 'Duration',
         type: 'integer',
-        width: 80,
         format: 'integer',
         elements: [
             {

src/routes/(console)/project-[project]/sites/site-[site]/logs/table.svelte

@@ -11,11 +11,13 @@
 
     let openSheet = false;
     let selectedLogId: string = null;
+
+    $: filteredColumns = columns.filter((c) => !c.exclude);
 </script>
 
-<Table.Root {columns} let:root>
+<Table.Root columns={filteredColumns} let:root>
     <svelte:fragment slot="header" let:root>
-        {#each columns.filter((c) => !c.exclude) as { id, title }}
+        {#each filteredColumns as { id, title }}
             <Table.Header.Cell column={id} {root}>{title}</Table.Header.Cell>
         {/each}
     </svelte:fragment>
@@ -26,7 +28,7 @@
                 openSheet = true;
                 selectedLogId = log.$id;
             }}>
-            {#each columns.filter((c) => !c.exclude) as column}
+            {#each filteredColumns as column}
                 <Table.Cell column={column.id} {root}>
                     {#if column.id === '$id'}
                         {#key column.id}