diff options
Diffstat (limited to 'packages/frontend/src/lib/components/SidebarPanel.svelte')
| -rw-r--r-- | packages/frontend/src/lib/components/SidebarPanel.svelte | 15 |
1 files changed, 13 insertions, 2 deletions
diff --git a/packages/frontend/src/lib/components/SidebarPanel.svelte b/packages/frontend/src/lib/components/SidebarPanel.svelte index aebc74a..6edbdbf 100644 --- a/packages/frontend/src/lib/components/SidebarPanel.svelte +++ b/packages/frontend/src/lib/components/SidebarPanel.svelte @@ -50,11 +50,22 @@ function addPanel() { panels = [...panels, { id: nextId++, selected: "Select a view" }]; } + + function panelClass(selected: string): string { + const base = "bg-base-200 rounded-lg p-3 flex flex-col min-h-0"; + const fill = selected === "Key Usage" || selected === "Claude Reset" || selected === "Tasks"; + return fill ? base + " flex-1" : base; + } + + function contentClass(selected: string): string { + const fill = selected === "Key Usage" || selected === "Claude Reset" || selected === "Tasks"; + return fill ? "mt-2 flex-1 min-h-0" : "mt-2"; + } </script> <div class="flex flex-col gap-2"> {#each panels as panel, idx (panel.id)} - <div class="bg-base-200 rounded-lg p-3 flex flex-col"> + <div class={panelClass(panel.selected)}> <div class="flex items-center gap-1"> <select class="select select-bordered select-sm flex-1" @@ -82,7 +93,7 @@ {/if} </div> - <div class="mt-2"> + <div class={contentClass(panel.selected)}> {#if panel.selected === "Current Model"} <ModelSelector {keys} |