lixin-web/webapp/less/lottery/order-list.less

vue and bootstrap

.order-list{
  color: @gray;
  h4{
    text-align:center;
    font-size:@font-size-medium;
  }
  .bootstrap-table{
    th{
      padding: 4px;
      border-bottom:none;
    }

    td,.th-inner{
      padding: 4px!important;
    }
    tbody{
      tr:last-child{
        //border-bottom:none;

      }
    }
    thead tr{
      th{
        border-bottom:none;
      }
    }
  }

  .fixed-table-container{
    border-color:#d5d5d5;
  }

  .fixed-table-body{
    thead tr{
      border-bottom:none;
    }
    tr{
      td{
        &:nth-child(2){
          div{
            display: inline-block;
            max-width: 88px;
            .text-overflow();
            vertical-align: middle;
          }
        }
        &:last-child{
          border-right:1px solid @module-bg!important;
        }
      }
    }

  }
  .fixed-table-footer{
    table{
      background: transparent;
    }
  }
  //.fixed-table-footer{
  //  table{
  //  }
  //  .btn{
  //    padding-left: 7px;
  //    padding-right: 7px;
  //    padding-top: 5px;
  //    padding-bottom: 5px;
  //
  //  }
  //  tr{
  //    td{
  //      &:first-child{
  //        text-align:left;
  //      }
  //      &:last-child{
  //        text-align: right;
  //      }
  //      &:nth-child(2){
  //        .fht-cell{
  //          width: 100px!important;
  //        }
  //      }
  //      &:last-child{
  //        .th-inner{
  //          padding-right: 0!important;
  //        }
  //      }
  //    }
  //  }
  //
  //  .th-inner{
  //    padding-left: 0;
  //    padding-right: 0;
  //  }
  //}
  .no-records-found{
    td{
      position: relative;
      bottom:-1px;
    }
  }
  .fa-trash{
    color: @brand-primary;
    font-size: @font-size-large;
    cursor: pointer;
  }

  .editable-click{
    border-bottom-color: @brand-primary;
    border-bottom-style:solid;
  }

  @media (min-width:@screen-sm){

  }

  @media (max-width: @screen-xs-max){
    .fixed-table-container{
      height:auto!important;
    }
    .card-view{
      .value > div:first-child{
        word-break: break-all;
        display: inline-block;
      }
    }
  }
}