CSS 웹 페이지 만들기

다음 순서로 CSS 웹 페이지를 만듭니다.

1. <도구 | 웹 페이지> 메뉴로 이동합니다.

2. <1웹 페이지 만들기> 링크를 클릭한 후 “2CSS”를 선택합니다.

3. “이름”, “언어” 등 기본 정보를 입력한 후 저장 버튼을 클릭합니다.

CSS 설정

다음 순서로 라이브러리에 CSS를 설정합니다.

1. <도구 | 라이브러리> 메뉴로 이동합니다.

2. CSS를 설정할 라이브러리를 선택합니다.

3. <라이브러리 변경> 링크를 클릭합니다.

4. CSS를 선택한 후 저장 버튼을 클릭합니다.

CSS 작성하기

위 메뉴의 기본 높이는 2rem입니다. 이를 3rem으로 변경하는 CSS입니다.

ui-application {
    grid-template-rows: 3rem 1fr !important;
}

ui-application.has-top {
    ui-sidebar-buttons,
    ui-sidebar,
    ui-main {
        height: calc(100dvh - 3rem);
    }
}