RuoYi
2022-02-17 d734bfc34f65b6cd036b5f21b718294152fecacf
ruoyi-ui/src/assets/styles/ruoyi.scss
@@ -37,7 +37,7 @@
.mb10 {
   margin-bottom: 10px;
}
.ml0 {
.ml10 {
   margin-left: 10px;
}
.mt20 {
@@ -49,18 +49,55 @@
.mb20 {
   margin-bottom: 20px;
}
.m20 {
.ml20 {
   margin-left: 20px;
}
.el-table .el-table__header-wrapper th {
   word-break: break-word;
   background-color: #f8f8f9;
   color: #515a6e;
   height: 40px;
   font-size: 13px;
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   font-family: inherit;
   font-weight: 500;
   line-height: 1.1;
   color: inherit;
}
.el-dialog:not(.is-fullscreen) {
   margin-top: 6vh !important;
}
.el-dialog__wrapper.scrollbar .el-dialog .el-dialog__body {
    overflow: auto;
   overflow-x: hidden;
   max-height: 70vh;
   padding: 10px 20px 0;
}
.el-table {
   .el-table__header-wrapper, .el-table__fixed-header-wrapper {
      th {
         word-break: break-word;
         background-color: #f8f8f9;
         color: #515a6e;
         height: 40px;
         font-size: 13px;
      }
   }
   .el-table__body-wrapper {
      .el-button [class*="el-icon-"] + span {
         margin-left: 1px;
      }
   }
}
/** 表单布局 **/
.form-header {
    font-size:15px;
   color:#6379bb;
   border-bottom:1px solid #ddd;
   margin:8px 10px 25px 10px;
   padding-bottom:5px
}
/** 表格布局 **/
.pagination-container {
   position: relative;
   height: 25px;
@@ -69,16 +106,43 @@
   padding: 10px 20px !important;
}
/* tree border */
.tree-border {
    margin-top: 5px;
    border: 1px solid #e5e6e7;
    background: #FFFFFF none;
    border-radius:4px;
}
.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 {
   color: #409EFF;
   padding-left: 0;
   padding-right: 0;
   width: inherit;
}
/** 表格更多操作下拉样式 */
.el-table .el-dropdown-link {
   cursor: pointer;
   color: #409EFF;
   margin-left: 5px;
}
.el-table .el-dropdown, .el-icon-arrow-down {
   font-size: 12px;
}
.el-tree-node__content > .el-checkbox {
@@ -124,7 +188,28 @@
   padding-left: 15px;
   margin-bottom: 10px;
}
/* button color */
.el-button--cyan.is-active,
.el-button--cyan:active {
  background: #20B2AA;
  border-color: #20B2AA;
  color: #FFFFFF;
}
.el-button--cyan:focus,
.el-button--cyan:hover {
  background: #48D1CC;
  border-color: #48D1CC;
  color: #FFFFFF;
}
.el-button--cyan {
  background-color: #20B2AA;
  border-color: #20B2AA;
  color: #FFFFFF;
}
/* text color */
.text-navy {
   color: #1ab394;
@@ -168,9 +253,21 @@
   position: absolute;
   top: 50%;
   transform: translate(50%, -50%);
   width: 180px;
   height: 180px;
   width: 200px;
   height: 200px;
   border-radius: 50%;
   box-shadow: 0 0 4px #ccc;
   overflow: hidden;
}
}
/* 拖拽列样式 */
.sortable-ghost{
   opacity: .8;
   color: #fff!important;
   background: #42b983!important;
}
.top-right-btn {
   position: relative;
   float: right;
}