좌측 메뉴 조금더 줄임

This commit is contained in:
2026-02-19 14:22:35 +09:00
parent c3b4e0e712
commit 49d33b55b8

View File

@@ -62,35 +62,35 @@ select option {
사이드바 크기 조정 사이드바 크기 조정
======================================== */ ======================================== */
/* 사이드바 전체 너비 조정: 280px -> 240px */ /* 사이드바 전체 너비 조정: 280px -> 220px */
.app-sidebar { .app-sidebar {
width: 240px !important; width: 220px !important;
min-width: 240px !important; min-width: 220px !important;
flex: 0 0 240px !important; flex: 0 0 220px !important;
} }
/* 사이드바 내부 여백 조정: 1.5rem -> 1rem */ /* 사이드바 내부 여백 조정: 1.5rem -> 0.75rem */
.app-sidebar .app-sidebar__inner { .app-sidebar .app-sidebar__inner {
padding: 2px 1rem 1rem !important; padding: 2px 0.75rem 0.75rem !important;
} }
/* 닫힌 사이드바 호버 시 너비 */ /* 닫힌 사이드바 호버 시 너비 */
.closed-sidebar .app-sidebar:hover { .closed-sidebar .app-sidebar:hover {
flex: 0 0 240px !important; flex: 0 0 220px !important;
width: 240px !important; width: 220px !important;
} }
/* 닫힌 사이드바 호버 시 메뉴 아이템 여백 */ /* 닫힌 사이드바 호버 시 메뉴 아이템 여백 */
.closed-sidebar .app-sidebar:hover .app-sidebar__inner ul li a { .closed-sidebar .app-sidebar:hover .app-sidebar__inner ul li a {
padding: 0 1rem 0 45px !important; padding: 0 0.75rem 0 40px !important;
} }
/* 모바일 화면 조정 */ /* 모바일 화면 조정 */
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
.app-sidebar { .app-sidebar {
flex: 0 0 240px !important; flex: 0 0 220px !important;
width: 240px !important; width: 220px !important;
transform: translateX(-240px) !important; transform: translateX(-220px) !important;
} }
.sidebar-mobile-open .app-sidebar { .sidebar-mobile-open .app-sidebar {
@@ -98,6 +98,6 @@ select option {
} }
.sidebar-mobile-open .app-sidebar .app-sidebar__inner ul li a { .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul li a {
padding: 0 1rem 0 45px !important; padding: 0 0.75rem 0 40px !important;
} }
} }