@use "../variables.scss" as *;
@use "node_modules/element-plus/theme-chalk/src/mixins/mixins" as *;
@use "node_modules/element-plus/theme-chalk/src/mixins/var" as *;
@use "node_modules/element-plus/theme-chalk/src/common/var" as *;

.#{$formilyNamespace}-form-drawer {
  @include set-component-css-var("drawer", $drawer);
}
.#{$formilyNamespace}-form-drawer {
  .el-drawer__body {
    display: flex;
    flex-direction: column;
  }

  &-body {
    flex: 1;
    overflow: auto;
    padding: getCssVar("drawer", "padding-primary"); //$--dialog-padding-primary;
  }

  &-footer {
    padding: getCssVar("drawer", "padding-primary");
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}