좌측 메뉴 조금더 줄임
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user