Merge pull request #475 from FalkorDB/fix-panel-handel

Fix #474 fix handle
FalkorDB · Sep 22, 2024 · 7834957 · 7834957
2 parents bf47cad + d7e657a
commit 7834957
Showing 1 changed file with 4 additions and 7 deletions.
diff --git a/app/graph/GraphView.tsx b/app/graph/GraphView.tsx
@@ -447,7 +447,7 @@ const GraphView = forwardRef(({ graph, runQuery, historyQuery, fetchCount }: {
         <ResizablePanelGroup direction="horizontal" className={cn(maximize && "h-full p-10 bg-background fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%]")}>
             <ResizablePanel
                 className={cn("flex flex-col gap-8", !isCollapsed && "mr-8")}
-                defaultSize={100}
+                defaultSize={selectedElement ? 75 : 100}
             >
                 {
                     !maximize &&
@@ -567,20 +567,17 @@ const GraphView = forwardRef(({ graph, runQuery, historyQuery, fetchCount }: {
                         (graph.Categories.length > 0 || graph.Labels.length > 0) &&
                         <>
                             <Labels className="left-2" categories={graph.Categories} onClick={onCategoryClick} label="Labels" graph={graph} />
-                            <Labels className="right-2 text-end" categories={graph.Labels} onClick={onLabelClick} label="RelationshipTypes" graph={graph}/>
+                            <Labels className="right-2 text-end" categories={graph.Labels} onClick={onLabelClick} label="RelationshipTypes" graph={graph} />
                         </>
                     }
                 </div>
             </ResizablePanel>
-            {
-                !isCollapsed &&
-                <ResizableHandle className="w-3" />
-            }
+            <ResizableHandle className={!isCollapsed ? "w-3" : "w-0"} />
             <ResizablePanel
                 className="rounded-lg"
                 collapsible
                 ref={dataPanel}
-                defaultSize={25}
+                defaultSize={selectedElement ? 25 : 0}
                 minSize={25}
                 maxSize={50}
                 onCollapse={() => setIsCollapsed(true)}