ui: fix logs tab height and column toggle dropdown

- Make ModelLogsTab fill available vertical space instead of fixed h-80
- Add min-h-0 flex-1 to Logs Tabs.Content so height propagates
- Set closeOnSelect=false on column visibility checkbox items to keep
  the dropdown open while toggling multiple columns
This commit is contained in:
Benson Wong
2026-06-28 04:36:56 +00:00
parent 0ae56b1eb9
commit 187f1ae27a
3 changed files with 3 additions and 2 deletions
@@ -354,6 +354,7 @@
<DropdownMenu.CheckboxItem <DropdownMenu.CheckboxItem
checked={column.getIsVisible()} checked={column.getIsVisible()}
onCheckedChange={(v) => column.toggleVisibility(!!v)} onCheckedChange={(v) => column.toggleVisibility(!!v)}
closeOnSelect={false}
> >
{columnLabelMap[column.id] ?? column.id} {columnLabelMap[column.id] ?? column.id}
</DropdownMenu.CheckboxItem> </DropdownMenu.CheckboxItem>
@@ -21,6 +21,6 @@
}); });
</script> </script>
<div class="h-80"> <div class="h-full">
<LogPanel id={`model-${modelId}`} title="Model Logs" {logData} /> <LogPanel id={`model-${modelId}`} title="Model Logs" {logData} />
</div> </div>
+1 -1
View File
@@ -82,7 +82,7 @@
</Tabs.Content> </Tabs.Content>
<!-- Logs --> <!-- Logs -->
<Tabs.Content value="logs"> <Tabs.Content value="logs" class="min-h-0 flex-1">
<ModelLogsTab modelId={modelId} /> <ModelLogsTab modelId={modelId} />
</Tabs.Content> </Tabs.Content>