WIP on feat/renewal-design

portone-io · Sep 25, 2024 · 76a77ca · 76a77ca
1 parent 56ab325
commit 76a77ca
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/layouts/sidebar/LeftSidebarItem.tsx b/src/layouts/sidebar/LeftSidebarItem.tsx
@@ -92,8 +92,7 @@ function FolderLink(props: NavMenuPage & { isActive: boolean }) {
  </button>
  </div>
  <div class="pl-2" classList={{ block: isOpen(), hidden: !isOpen() }}>
- {/* TODO: 각 Depth마다 선택된 항목에 대해 브랜드 컬러 border를 적용하도록 수정 */}
- <ul class="flex flex-col gap-1 border-l pl-2">
+ <ul class="flex flex-col gap-1 border-l">
  <For each={props.items}>
  {(item) => (
  <Show
@@ -102,7 +101,11 @@ function FolderLink(props: NavMenuPage & { isActive: boolean }) {
  systemVersion() === item.systemVersion
  }
  >
- <LeftSidebarItem {...item} />
+ <li class="relative">
+ <div class="pl-2 before:pointer-events-none before:absolute before:inset-y-0 before:right-0 before:block before:w-[1px] before:bg-portone before:content-[''] before:-left-[1px]">
+ <LeftSidebarItem {...item} />
+ </div>
+ </li>
  </Show>
  )}
  </For>