vue-ant-patterns/lib/d-detail-drawer/style/index.less

vue-ant-patterns

@import '../../style/themes/index.less';
@import '../../style/mixins/flex.less';

@depot-prefix-cls: ~'@{depot-prefix}-detail-drawer';

.@{depot-prefix-cls} {
  &.ant-drawer .ant-drawer-content {
    & .ant-drawer-body {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      overflow: hidden;
      padding: 0;
    }
  }

  &-banner {
    height: 240px;
    background: #ccc;
  }
  &-body {
    position: absolute;
    top: 240px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: scroll;
    background: #ddd;
  }
}