24/10/14 왼쪽메뉴 아이콘 수정

This commit is contained in:
subsub 2024-10-14 17:39:45 +09:00
parent 75763b9467
commit c53ebf30f1
2 changed files with 16 additions and 4 deletions

View File

@ -2,7 +2,18 @@ function leftMenu() {
// 첫 화면에 하위메뉴 닫기
$('.depth01_li').removeClass('active');
$('.depth02_ul').slideUp(0);
$(".depth02_ul").slideUp(0)
setTimeout(function(){
$(".depth01_li").each(function(idx,itm){
if($(itm).is(".active") == true){
$(itm).find(".depth02_ul").slideDown(0)
}else{
$(itm).find(".depth02_ul").slideUp(0)
}
})
})
$('.menu_title').on('click',function () {

View File

@ -4,7 +4,7 @@
.contents{width:calc(100% - 300px);padding:0 30px 0 70px;}
/* leftmenu */
.leftmenu{width:300px;height:100%;box-shadow:3px 0 7px rgba(0,0,0,0.2);background:#171c70;border-radius:0 30px 30px 0;}
.leftmenu{width:300px;box-shadow:3px 0 7px rgba(0,0,0,0.2);background:#171c70;border-radius:0 30px 30px 0;}
.leftmenu .logo{display:flex;height:110px;border-bottom:1px solid #5d619b;justify-content:center;align-items:center;}
.leftmenu .menu{padding:0 20px 80px 20px;}
.leftmenu .menu_ul{display:flex;flex-direction:column;color:#888bbc;}
@ -15,7 +15,8 @@
.leftmenu .active .menu_title{color:#fff;}
.leftmenu .active .menu_title::after{border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(135deg);top:20px;}
.leftmenu .menu_icon{display:inline-flex;width:40px;height:40px;justify-content:center;align-items:center;background-position:top center;}
.leftmenu .menu_icon{position:relative;display:inline-flex;width:20px;height:40px;justify-content:center;align-items:center;background-position:top center;background:none !important;}
.leftmenu .menu_icon::after{position:absolute;content:"·";width:100%;height:100%;top:7px;}
.leftmenu .active .menu_icon{background-position:center bottom;}
.leftmenu .menu_icon.dashboard{background-image:url(/kofair_case_seed/adm/images/layout/menu_dashboard.png);}
.leftmenu .menu_icon.site{background-image:url(/kofair_case_seed/adm/images/layout/menu_site.png);}
@ -51,5 +52,5 @@
.user_info_ul li:first-child:after{position:absolute;content:"";width:1px;height:15px;background:#d5d5d5;right:0;}
.user_info_ul li .icon.user{width:20px;height:20px;margin:0 4px 0 0;background:url(/kofair_case_seed/adm/images/layout/icon_user.png) no-repeat center center;}
.user_info_ul select{width:145px;padding:0 0 0 20px;font-size:16px;border:0;background:transparent url(/kofair_case_seed/adm/images/layout/icon_userinfo_select.png) no-repeat calc(100% - 20px) center;}
.user_info_ul select{width:145px;padding:0 0 0 20px;font-size:16px;border:0 !important;background:transparent url(/kofair_case_seed/adm/images/layout/icon_userinfo_select.png) no-repeat calc(100% - 20px) center !important;}
.user_info .btn_logout{width:94px;height:38px;font-size:16px;border-radius:40px;background:#adadb5;}