Web - MSD

MSD

MSD는 유형 공통 원칙을 따릅니다.

MSD-1

*컬러별 명칭

위계 원칙

적용

기획 원칙

메인 페이지의 상세 화면을 표현할 때 해당 유형을 사용합니다.

• 채널 입장 후 해당 pApp의 상세 화면 이동 시 보여지는 경우 해당 유형을 사용합니다.

• 컴포넌트 또는 패턴 하나가 차지하는 경우에 해당 유형을 사용합니다.

  대표적으로 List 패턴을 사용할 때 해당 유형을 적용합니다.

  • 페이지 자체에 스크롤이 생성되지 않으며(Container 수준에서 스크롤바가 생성되지 않습니다.),

  • 스크롤은 List 자체가 가지고 있습니다.

구조

• NavigationbarContainer

  • 내비게이션 유형 참고

  • NavigationArea

    • NavigaionContent

• ContentsContainer

  • ContentsArea

    • Content 1

CSS

• ContentsContainer

  CODE

  padding-top:0px;
  padding-left:0px; 
  padding-right:0px; 
  padding-bottom:0px; 
  min-width:360px;

• ContentsArea

  CODE

  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  min-width:360px;
  max-width:768px;

문서 작성 정보