diff options
| author | Adam Malczewski <[email protected]> | 2026-05-21 13:54:31 +0900 |
|---|---|---|
| committer | Adam Malczewski <[email protected]> | 2026-05-21 13:54:31 +0900 |
| commit | d1cb3b0cdbdbdb7d73e3c31071ba3319f2d0dbc3 (patch) | |
| tree | 7a5a051f52d20bb76493812736c1883d98f6d707 | |
| parent | 30988c1dcb033e63ed914aaffb81143b8471e1c1 (diff) | |
| download | dispatch-d1cb3b0cdbdbdb7d73e3c31071ba3319f2d0dbc3.tar.gz dispatch-d1cb3b0cdbdbdb7d73e3c31071ba3319f2d0dbc3.zip | |
fix: key usage fills available sidebar height (flex-1 instead of max-h-96)
| -rw-r--r-- | packages/frontend/src/lib/components/KeyUsage.svelte | 4 | ||||
| -rw-r--r-- | packages/frontend/src/lib/components/SidebarPanel.svelte | 4 |
2 files changed, 4 insertions, 4 deletions
diff --git a/packages/frontend/src/lib/components/KeyUsage.svelte b/packages/frontend/src/lib/components/KeyUsage.svelte index eed11dc..4b06309 100644 --- a/packages/frontend/src/lib/components/KeyUsage.svelte +++ b/packages/frontend/src/lib/components/KeyUsage.svelte @@ -159,11 +159,11 @@ } </script> -<div class="flex flex-col gap-3"> +<div class="flex flex-col gap-3 flex-1 min-h-0"> {#if keys.length === 0} <p class="text-xs text-base-content/50">No keys available.</p> {:else} - <div class="flex flex-col gap-3 max-h-96 overflow-y-auto"> + <div class="flex flex-col gap-3 flex-1 min-h-0 overflow-y-auto"> <!-- Claude (all accounts merged under one card) --> {#if claudeLoading} <div class="bg-base-200 rounded-lg p-2"> diff --git a/packages/frontend/src/lib/components/SidebarPanel.svelte b/packages/frontend/src/lib/components/SidebarPanel.svelte index ddd8ebd..798e65b 100644 --- a/packages/frontend/src/lib/components/SidebarPanel.svelte +++ b/packages/frontend/src/lib/components/SidebarPanel.svelte @@ -29,7 +29,7 @@ const options = ["Key Usage", "Claude Reset", "Model Status", "Tasks", "Config", "Skills", "Permission Log"]; </script> -<div class="bg-base-200 rounded-lg p-3"> +<div class="bg-base-200 rounded-lg p-3 flex flex-col min-h-0"> <select class="select select-bordered select-sm w-full" bind:value={selected} @@ -39,7 +39,7 @@ {/each} </select> - <div class="mt-2"> + <div class="mt-2 flex-1 min-h-0"> {#if selected === "Key Usage"} <KeyUsage {keys} {apiBase} /> {:else if selected === "Claude Reset"} |