@import (optional, once) "../../theme";

// 用于页面底部是操作按钮区域
.page-wrapper {
  // 整个页面（只有内容区域和底部区域两个区域）
  position: relative;
  .page-container {
    // 整个页面的内容区域（整个页面的所有内容除了底部的操作区域）
    position: relative;
    padding-bottom: 61px;
  }
  // 页面底部操作按钮区域
  .page-bottom-op {
    position: fixed;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 0;
    z-index: 10;
    background-color: @white;
    border-top: 1px solid @border-color;
  }
}

// 页面内边框
.page-padding {
  padding: 14px 20px;
}

// 页面loading
#app-loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: fade(@black, 20%);
  z-index: 999999;
  & > .my-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    padding: 8px;
    color: @text-color;
    background-color: @white;
    box-shadow: 0 1px 4px fade(@black, 60%);
    border-radius: 4px;
    &:hover {
      & > .manually-close {
        display: block;
      }  
    }
    & > .manually-close {
      position: absolute;
      top: 0;
      right: 0;
      display: none;
      cursor: pointer;
      svg {
        font-size: 16px;
        padding: 4px;
      }
    }
  }
}
