관리자모드 반응형 처리하기

팁과노하우

2025.05.28 19:19

관리자모드 반응형 처리하기

리빌더미니홈 1:1 대화하기 오래 전 2025.05.28 19:19 인기
127

1

기존 SIR에 게시했던 내용 입니다.

SIR기본 관리자모드는 반응형 처리가 되지않아

모바일에서 사용이 불편하여 임시방편으로 처리했던 간단한 내용 입니다.

https://sir.kr/g5_skin/47609

[펄스나인] 관리자모드 반응형(모바일) > 그누보드5 스킨

그누보드는 PHP, Python 언어로 만들어진 오픈소스 무료 게시판입니다. 그누보드, 무료게시판, 무료쇼핑몰, 영카트, 리액트 게시판, React 게시판, 컨텐츠몰, 제작의뢰, 전자결제, 결제대행사, Python, CMS, 파이썬 게시판, PHP 게시판, python 게시판, fastapi 게시판, [펄스나인] 관리자모드 반응형(모바일) > 그누보드5 스킨

https://sir.kr/g5_skin/47609

-----

* @media max-width 1400px 일때 table은 모두 overflow-x:auto 로 가로로 스크롤 되게끔 처리

* 쿠키에 따른 메뉴 토글 부분을 모바일 is_mobile() 에서는 고정

/adm/admin.head.php 70라인 부근 기존코드 수정

//기존
if( ! empty($_COOKIE['g5_admin_btn_gnb']) ){
    $adm_menu_cookie['container'] = 'container-small';
    $adm_menu_cookie['gnb'] = 'gnb_small';
    $adm_menu_cookie['btn_gnb'] = 'btn_gnb_open';
}

//변경
if(is_mobile()) { 
    $adm_menu_cookie['container'] = 'container-small';
    $adm_menu_cookie['gnb'] = 'gnb_small';
    $adm_menu_cookie['btn_gnb'] = 'btn_gnb_open';
} else { 
    if( ! empty($_COOKIE['g5_admin_btn_gnb']) ){
        $adm_menu_cookie['container'] = 'container-small';
        $adm_menu_cookie['gnb'] = 'gnb_small';
        $adm_menu_cookie['btn_gnb'] = 'btn_gnb_open';
    }
}

/adm/css/admin.css 마지막에 스타일 추가

@media all and (max-width:1400px) {
    #container {min-width: 100%;}
    .local_desc02 {min-width: 100%;}
    .local_ov {min-width: 100%;}
    .tbl_head01 table {min-width: 1100px;}
    .tbl_frm01 table {min-width: 1100px;}
    .tbl_head01 {overflow-x: auto; padding-bottom: 20px;}
    .tbl_frm01 {overflow-x: auto; padding-bottom: 20px;}
    #ft p {line-height: 20px; padding-top: 20px; font-size: 11px;}
    .anchor a {margin-bottom: 3px;}
    .tbl_frm01 th {min-width: 200px !important;}
}

안되시면 댓글주세요.
감사합니다.