/*
 * @Author: 焦质晔
 * @Date: 2021-02-09 09:27:46
 * @Last Modified by: 焦质晔
 * @Last Modified time: 2024-11-05 19:14:27
 */
@use '../../style/src/themes' as *;

$prefix: '#{$qm-prefix}-cropper-preview';

.#{$prefix} {
  display: flex;
  flex-direction: row;
  margin-bottom: $margin-base;
  .cropper-area {
    flex: 1;
    .actions {
      margin-top: $margin-base;
    }
  }
  .preview-area {
    width: 380px;
    min-height: 380px;
    margin-left: $margin-base;
    display: flex;
    justify-content: center;
    .preview {
      overflow: hidden;
    }
  }
}