diff --git a/src/claude_memory/ui/static/css/app.css b/src/claude_memory/ui/static/css/app.css index c92f129..6efd8b6 100644 --- a/src/claude_memory/ui/static/css/app.css +++ b/src/claude_memory/ui/static/css/app.css @@ -285,6 +285,8 @@ textarea.input-field { .graph-container svg { display: block; + width: 100%; + height: 100%; } /* Node detail panel */ diff --git a/src/claude_memory/ui/static/js/graph.js b/src/claude_memory/ui/static/js/graph.js index ef84b42..e1ea1fa 100644 --- a/src/claude_memory/ui/static/js/graph.js +++ b/src/claude_memory/ui/static/js/graph.js @@ -46,7 +46,7 @@ function graphComponent() { if (memories.length === 0) return; const width = container.clientWidth || container.parentElement?.clientWidth || 800; - const height = container.clientHeight || 500; + const height = Math.max(container.clientHeight, window.innerHeight - 180); // Build nodes and tag-based edges const nodes = memories.map(m => ({