sidebar 수정

This commit is contained in:
현성필
2025-02-05 11:03:13 +09:00
parent 54bf2a897b
commit 58b7c43be5
5 changed files with 563 additions and 474 deletions
@@ -240,7 +240,7 @@ const APINavigation = ({
<SidebarContent> <SidebarContent>
<ScrollArea className="h-[calc(100vh-64px)]"> <ScrollArea className="h-[calc(100vh-64px)]">
<SidebarGroup> <SidebarGroup>
<SidebarGroupLabel>Collections (Ctrl + /)</SidebarGroupLabel> <SidebarGroupLabel>Collections</SidebarGroupLabel>
<SidebarMenu> <SidebarMenu>
{collections.map(renderCollectionItem)} {collections.map(renderCollectionItem)}
</SidebarMenu> </SidebarMenu>
@@ -173,7 +173,7 @@ const ScenarioMode = ({
}; };
return ( return (
<div className="scenario-mode flex flex-1 h-[calc(100vh-57px)]"> <div className="scenario-mode flex flex-1 h-[calc(100vh-57px)]">
<SidebarProvider cookieName="sidebar-left:state" shortcut="."> <SidebarProvider>
<div className="navigation-sidebar min-w-[0px] border-r bg-gray-100"> <div className="navigation-sidebar min-w-[0px] border-r bg-gray-100">
<ScenarioNavigation <ScenarioNavigation
contextPath="/" contextPath="/"
@@ -184,10 +184,9 @@ const ScenarioMode = ({
</div> </div>
<div className="editor flex-1 h-[calc(100vh-57px)] overflow-hidden"> <div className="editor flex-1 h-[calc(100vh-57px)] overflow-hidden">
<ScenarioEditor/> <ScenarioEditor/>
</div> </div>
</SidebarProvider> <div className="navigation-sidebar min-w-[0px] border-l bg-gray-100">
<div className="navigation-sidebar min-w-[0px] border-l bg-gray-100">
<SidebarProvider cookieName="sidebar-right:state" shortcut="/">
<APINavigation <APINavigation
contextPath="/" contextPath="/"
side="right" side="right"
@@ -195,8 +194,8 @@ const ScenarioMode = ({
isApiMode={isApiMode} isApiMode={isApiMode}
onToggleMode={onToggleMode} onToggleMode={onToggleMode}
/> />
</SidebarProvider> </div>
</div> </SidebarProvider>
</div> </div>
); );
}; };
@@ -102,7 +102,7 @@ const ScenarioEditor = () => {
}, []); }, []);
if (!currentFlowData) { if (!currentFlowData) {
return <div className="flex items-center justify-center h-full">왼쪽에서 시나리오를 선택해 주세요 (Ctrl + .)</div>; return <div className="flex items-center justify-center h-full">왼쪽에서 시나리오를 선택해 주세요</div>;
} }
return ( return (
@@ -140,7 +140,7 @@ const ScenarioNavigation = ({
<SidebarContent> <SidebarContent>
<ScrollArea className="h-[calc(100%-64px)]"> <ScrollArea className="h-[calc(100%-64px)]">
<SidebarGroup> <SidebarGroup>
<SidebarGroupLabel>Scenarios (Ctrl + .)</SidebarGroupLabel> <SidebarGroupLabel>Scenarios</SidebarGroupLabel>
<SidebarMenu> <SidebarMenu>
{scenarios.map(renderScenarioItem)} {scenarios.map(renderScenarioItem)}
</SidebarMenu> </SidebarMenu>
File diff suppressed because it is too large Load Diff