RuoYi
2024-12-04 e212a0ab75e1c59d0d030ac0b2f07048f6a0f9cf
src/assets/styles/ruoyi.scss
@@ -1,4 +1,4 @@
 /**
/**
 * 通用css样式布局处理
 * Copyright (c) 2019 ruoyi
 */
@@ -37,7 +37,7 @@
.mb10 {
   margin-bottom: 10px;
}
.ml0 {
.ml10 {
   margin-left: 10px;
}
.mt20 {
@@ -49,7 +49,7 @@
.mb20 {
   margin-bottom: 20px;
}
.m20 {
.ml20 {
   margin-left: 20px;
}
@@ -60,12 +60,15 @@
   color: inherit;
}
.el-form .el-form-item__label {
   font-weight: 700;
}
.el-dialog:not(.is-fullscreen) {
   margin-top: 6vh !important;
}
.el-dialog__wrapper.scrollbar .el-dialog .el-dialog__body {
    overflow: auto;
.el-dialog.scrollbar .el-dialog__body {
   overflow: auto;
   overflow-x: hidden;
   max-height: 70vh;
   padding: 10px 20px 0;
@@ -99,36 +102,56 @@
/** 表格布局 **/
.pagination-container {
   // position: relative;
   height: 25px;
   margin-bottom: 10px;
   margin-top: 15px;
   padding: 10px 20px !important;
  position: relative;
  height: 25px;
  margin-bottom: 10px;
  margin-top: 15px;
  padding: 10px 20px !important;
  background-color: transparent !important;
}
/* 分页器定位 */
.pagination-container .el-pagination {
  position: absolute;
  right: 0;
  top: 0;
}
/* 弹窗中的分页器 */
.el-dialog .pagination-container {
  position: static !important;
  margin: 10px 0 0 0;
  padding: 0 !important;
  .el-pagination {
    position: static;
  }
}
/* 移动端适配 */
@media (max-width: 768px) {
  .pagination-container {
    .el-pagination {
      > .el-pagination__jump {
        display: none !important;
      }
      > .el-pagination__sizes {
        display: none !important;
      }
    }
  }
}
/* tree border */
.tree-border {
    margin-top: 5px;
    border: 1px solid #e5e6e7;
    background: #FFFFFF none;
    border: 1px solid var(--el-border-color-light, #e5e6e7);
    background: var(--el-bg-color, #FFFFFF) none;
    border-radius:4px;
    width: 100%;
}
.pagination-container .el-pagination {
   right: 0;
   position: absolute;
}
@media ( max-width : 768px) {
  .pagination-container .el-pagination > .el-pagination__jump {
    display: none !important;
  }
  .pagination-container .el-pagination > .el-pagination__sizes {
    display: none !important;
  }
}
.el-table .fixed-width .el-button--mini {
.el-table .fixed-width .el-button--small {
   padding-left: 0;
   padding-right: 0;
   width: inherit;
@@ -138,7 +161,7 @@
.el-table .el-dropdown-link {
   cursor: pointer;
   color: #409EFF;
   margin-left: 5px;
   margin-left: 10px;
}
.el-table .el-dropdown, .el-icon-arrow-down {
@@ -175,12 +198,12 @@
}
.el-card__header {
   padding: 14px 15px 7px;
   padding: 14px 15px 7px !important;
   min-height: 40px;
}
.el-card__body {
   padding: 15px 20px 20px 20px;
   padding: 15px 20px 20px 20px !important;
}
.card-box {
@@ -267,7 +290,12 @@
   background: #42b983!important;
}
/* 表格右侧工具栏样式 */
.top-right-btn {
   position: absolute;
   right: 0;
   margin-left: auto;
}
/* 分割面板样式 */
.splitpanes.default-theme .splitpanes__pane {
  background-color: var(--splitpanes-default-bg) !important;
}