diff --git a/public/architectui/assets/styles/custom.css b/public/architectui/assets/styles/custom.css index 583cd3d..a768cdd 100644 --- a/public/architectui/assets/styles/custom.css +++ b/public/architectui/assets/styles/custom.css @@ -62,35 +62,35 @@ select option { 사이드바 크기 조정 ======================================== */ -/* 사이드바 전체 너비 조정: 280px -> 240px */ +/* 사이드바 전체 너비 조정: 280px -> 220px */ .app-sidebar { - width: 240px !important; - min-width: 240px !important; - flex: 0 0 240px !important; + width: 220px !important; + min-width: 220px !important; + flex: 0 0 220px !important; } -/* 사이드바 내부 여백 조정: 1.5rem -> 1rem */ +/* 사이드바 내부 여백 조정: 1.5rem -> 0.75rem */ .app-sidebar .app-sidebar__inner { - padding: 2px 1rem 1rem !important; + padding: 2px 0.75rem 0.75rem !important; } /* 닫힌 사이드바 호버 시 너비 */ .closed-sidebar .app-sidebar:hover { - flex: 0 0 240px !important; - width: 240px !important; + flex: 0 0 220px !important; + width: 220px !important; } /* 닫힌 사이드바 호버 시 메뉴 아이템 여백 */ .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) { .app-sidebar { - flex: 0 0 240px !important; - width: 240px !important; - transform: translateX(-240px) !important; + flex: 0 0 220px !important; + width: 220px !important; + transform: translateX(-220px) !important; } .sidebar-mobile-open .app-sidebar { @@ -98,6 +98,6 @@ select option { } .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul li a { - padding: 0 1rem 0 45px !important; + padding: 0 0.75rem 0 40px !important; } }