antui-mobile/src/components/layout/style/index.less

mobile ui for antd

@import "../../../style/themes/default";
@import "./mixin.less";

@layout-prefix-cls: ~"@{antui-prefix}-layout";

.@{layout-prefix-cls} {
  display: flex;
  flex-direction: column;
  flex: auto;
  overflow: hidden;
  background: @background-color-base;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  &-header,
  &-footer {
    flex: 0 0 auto;
  }

  &-header {

  }

  &-footer {
    text-align: center;
  }

  &-content {
    flex: auto;
    overflow: auto;
    position: relative;
  }
}

.antui-corelayout-wrapper,
.antui-corelayout{
  position: relative;
  height: 100%;
}

.antui-pages-system{
  .antui-layout-header{
    .am-navbar-left-content{
      flex: auto;
      height: 100%;
    }
    .system_navbar-left{
      height: 100%;
      display: flex;
      align-items: center;

      .navbar-back,
      .navbar-close{
        flex: auto;
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;
      }
      .system_navbar-left-icon{
        margin-right: 5px;
        display: inherit;
      }
    }
  }
}