접힌 모양이 시안에 없어 눌러도 아무 일이 없던 버튼이다. 이걸 빼면 상단 줄에 남는 것이 없어 줄 자체와 그 스타일도 함께 지운다. Co-Authored-By: Claude Opus 5
// Basic 레이아웃 사이드바 — 시안: 통합관리자페이지 디자인시스템(KE9UILWhB8qTBe14uXUn4F)
// snb-area 3041:11860
//
-// 시안에서 디자인시스템 컴포넌트로 정의된 건 btn-ico(FoxIconButton)와 아이콘들뿐이고, 1·2·3depth
-// 항목은 @fox에 없어 사이드바 전용으로 짰다(사용자 확정). 색·간격·radius·타이포는 전부 @fox
-// 토큰을 거치므로 없는 이름을 쓰면 빌드가 실패한다.
+// 1·2·3depth 항목은 @fox에 없어 사이드바 전용으로 짰다(사용자 확정). 색·간격·radius·타이포는
+// 전부 @fox 토큰을 거치므로 없는 이름을 쓰면 빌드가 실패한다.
@use "@fox/styles/abstracts" as fox;
);
overflow-y: auto;
}
-
-// ── 상단: 검색 + 사이드바 토글 ───────────────────────────────────────────────
-.top {
- display: flex;
- align-items: center;
- justify-content: flex-end;
- gap: fox.gap(2);
- padding-block-end: fox.spacing(bottom-md);
-}
// ── 섹션 ────────────────────────────────────────────────────────────────────
.section {
'use client';
import Link from 'next/link';
-import { FoxIconButton } from '@fox/core/components/fox-icon-button';
import type {
SidebarMenu,
SidebarMenuChild,
* **메뉴 데이터를 소유하지 않는다.** 권한마다 항목이 달라 매 요청 서버가 조회해 넘겨주며
* (`fetchSidebarMenu`), 여기서는 받은 트리를 그리고 펼침·활성 상태만 판정한다. 그래서 새 화면이
* 생겨도 이 파일은 손대지 않는다.
- *
*/
export function AdminSidebar({ menu }: AdminSidebarProps) {
const nav = useSidebarNav(menu);
return (
<nav className={styles.sidebar} aria-label="주요 메뉴">
- <div className={styles.top}>
- <FoxIconButton
- size="xsm"
- type="ghost"
- icon={<i className="fox-ico fox-ico-SidebarSimple" aria-hidden="true" />}
- label="사이드바 접기"
- />
- </div>
{menu.sections.map((section) => (
<section
key={section.id}
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?