.main-page { width: 100%; height: 100%; overflow-y: auto; padding: 15px 10px; background-color: #fff; .page-content { border: 1px solid #ccc; padding: 10px 20px; .search-filter { padding: 0 15px; .first-condition { .line-operator-right { text-align: right; padding: 0; .btn-info { background-color: rgb(122, 156, 204); border-color: rgb(122, 156, 204); } } } .input-container { padding: 0; > .form-control { width: 180px; display: inline-block; } } } .airline-table { .table-container { display: inline-block; // border: 1px solid #ccc; width: 100%; height: 700px; overflow: auto; box-shadow: 0 0 1px 0.5px #ddd; table { width: max-content; tr { cursor: pointer; &.selected { background: rgb(181, 215, 255); } } th { background-color: #ddd; color: rgb(0, 0, 255); } // th,td{ // // border: none; // // text-align: center; // } } &::-webkit-scrollbar { width: 15px; height: 15px; } &::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ background: rgba(165, 207, 222, 1); border-radius: 10px; } &::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.06); border-radius: 10px; } } .airline-message { display: inline-block; // box-shadow: 0 0 1px .5px #ddd; vertical-align: top; width: 0; margin-left: 1%; height: 700px; /deep/ .ant-tabs-bar { border-bottom: 10px solid skyblue; .ant-tabs-tab { padding: 0 5px; &.ant-tabs-tab-active { background: skyblue; /* border-color: skyblue; */ color: rgba(0, 0, 0, 0.65); padding-bottom: 0; } } } &::-webkit-scrollbar { width: 15px; height: 15px; } &::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ background: rgba(165, 207, 222, 1); border-radius: 10px; } &::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.06); border-radius: 10px; } } .table-c { width: 75%; } .table-o { width: 100%; } .tab-c { width: 0; display: none; } .tab-o { width: 24%; } } } } @media screen and (max-width: 991px) { .line-operator-right { text-align: left !important; } } // @media screen and (min-width: 1200px){ // .line-operator-right{ // text-align: left; // } // }