orisoxin/assets/admin/scss/_el_ui_rtl.scss

//////////////////////////////////////////////////////////////////////////////////////////////////////// element ui rtl fix
html:lang(fa) {
  .el-tag {
    /*margin-bottom: 10px!important;*/
  }

  .text-area {
    textarea {
      height: 100px;
    }
  }

  .el-popup-parent--hidden {
    padding-right: 0 !important;
  }

  .el-tag .el-icon-close {
    right: auto !important;
    left: -5px !important;
  }

  .el-table .el-table__body-wrapper .el-table__row .is-left {
    text-align: left !important;
  }

  .wrapper {
    min-height: 100vh;
  }

  .el-form-item__label {
    float: right !important;
    text-align: right !important;
  }

  .el-form-item__content {
    margin-left: 0 !important;
    margin-right: 120px !important;
  }

  @media (max-width: 768px) {
    .el-form-item__content {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
  }

  .secondTitle {
    margin-top: 50px;
  }

  .el-upload__input {
    display: none !important;
  }

  .el-message-box__title, .el-message-box__message {
    direction: rtl !important;
    text-align: right !important;
  }

  .el-message-box__message {
    padding-left: 12px !important;
    padding-right: 36px !important;
  }

  .el-message-box__btns {
    text-align: left !important;
  }

  .el-message-box__headerbtn {
    right: auto !important;
    left: 15px !important;
  }

  .el-message-box__btns button:nth-child(2) {
    margin-left: 0 !important;
    margin-right: 10px !important;
  }

  .el-message-box__status {
    right: 0 !important;
  }

  .el-table td, .el-table th {
    text-align: right !important;
  }

  .el-upload__input {
    display: none !important;
  }

  .el-checkbox__label {
    padding-left: 0 !important;
    padding-right: 10px !important;
  }

  .el-message__icon {
    margin-right: 0 !important;
    margin-left: 10px !important;
  }

  .sidebar-subnav {
    background: rgba(0, 0, 0, 0.05) !important;
  }

  .sidebar > .nav > li {
    border-bottom: 1px solid #eee !important;
  }

  .brand-logo p {
    margin-top: 6px !important;
  }

  .brand-logo-collapsed svg {
    fill: #fff !important;
  }

  .nav-floating {
    background: #fff !important;
  }

  .el-dialog__headerbtn {
    right: auto !important;
    left: 20px !important;
  }

  .el-radio__label {
    padding-right: 10px !important;
  }

  .el-scrollbar__wrap {
    margin-right: 0 !important;
    margin-left: -17px !important;
  }

  .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
    right: auto;
    left: 20px;
  }

  .el-select .el-tag {
    margin: 2px 6px 2px 0;
  }

  .avatar-uploader{
    display: flex;
    justify-content: center;
  }

  .avatar-uploader .el-upload{
    background-color: #fff;
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    box-sizing: border-box;
    width: 100%;
    height: 300px;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
  }
  .avatar-uploader .el-upload:hover {
    border-color: #409EFF;
  }
  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
  }
  .avatar {
    width: 100%;
    display: block;
  }
}