<#ibizinclude>
../@MACRO/LESS/DEFAULT.less.ftl
</#ibizinclude>

.app-${view.getCodeName()?lower_case} {
    .app-header {
        background: #108cee;
        padding: 0 24px;
        display: flex;
        justify-content: space-between;
        .header-title {
            color: #fff;
            font-size: 18px;
        }
        .header-func {
            font-size: 18px;
            color: #fff;
            .ant-divider, .ant-divider-vertical {
                height: 1.5em;
                top: -0.2em;
            }
            .userinfo {
                > div {
                    display: inline-block;
                }
            }
        }
    }
    > .ant-layout {
        > .ant-layout-sider {
            background: #fff;
            border-right: 1px solid #ddd;
        }
    }
}