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