.g-table .el-table tr { background: #161e2f; height: 40px; } .g-table .el-table td.el-table__cell { border-bottom: none !important; padding: 0 !important; } .g-table .el-table td.el-table__cell .cell { color: #fff; } .g-table .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell { background: #182237 !important; } .g-table .table-header th { height: 54px !important; background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.85); } .g-table .el-table { background: none; height: calc(100vh - 280px); } .g-table .el-table::before { height: 0 !important; } .g-table .table-header { background: none; } .g-table .el-table th.el-table__cell.is-leaf { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .g-table .el-table__empty-block { background: rgba(60, 129, 255, 0.04); } .g-table .el-table__body tr.current-row > td.el-table__cell { background: rgba(60, 129, 255, 0.1) !important; } .g-table .el-table__body tr.hover-row > td.el-table__cell { background: rgba(60, 129, 255, 0.1) !important; } .g-table .el-table--striped .el-table__body tr.current-row.el-table__row--striped td.el-table__cell { background: rgba(60, 129, 255, 0.1) !important; } .g-table .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell { background: rgba(60, 129, 255, 0.1) !important; } .g-table .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell .cell { color: #fff !important; } .g-table-filter { justify-content: flex-end; } .g-from { flex-wrap: wrap; } .g-table-filter, .g-from { display: flex; flex: 1; text-align: right; } .g-table-filter input, .g-from input { height: 32px; background: rgba(0, 131, 250, 0.1); border: 1px solid rgba(20, 131, 242, 0.6); border-radius: 0; font-size: 12px; color: #fff !important; } .g-table-filter input ::placeholder, .g-from input ::placeholder { font-size: 12px; } .g-table-filter .el-icon-arrow-up:before, .g-from .el-icon-arrow-up:before { content: "\e78f"; } .g-table-filter .el-form-item__label, .g-from .el-form-item__label { color: #fff; } .g-table-filter .el-icon-date::before, .g-from .el-icon-date::before { content: "" !important; } .g-table-filter .el-range-editor.el-input__inner, .g-from .el-range-editor.el-input__inner { background: none; height: 32px; background: rgba(0, 131, 250, 0.1); border: 1px solid rgba(20, 131, 242, 0.6); border-radius: 0; font-size: 12px; margin-top: 6px; } .g-table-filter .el-range-editor.el-input__inner input, .g-from .el-range-editor.el-input__inner input { border: none; background: none; } .g-table-filter .el-range-editor.el-input__inner .el-range-separator, .g-from .el-range-editor.el-input__inner .el-range-separator { color: #fff; line-height: 20px; } .g-table-filter .el-range-editor.el-input__inner .el-range__close-icon, .g-from .el-range-editor.el-input__inner .el-range__close-icon { line-height: 24px; } .g-pagination { text-align: center; margin-top: 20px; } .g-pagination .el-pagination.is-background .btn-next, .g-pagination .el-pagination.is-background .btn-prev, .g-pagination .el-pagination.is-background .el-pager li { background: none; border: 1px solid rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.65); } .g-pagination .el-pagination.is-background .el-pager li:not(.disabled).active { background: #0179d0 !important; } .g-pagination .el-pagination.is-background .btn-next, .g-pagination .el-pagination.is-background .btn-prev { border: none !important; } .g-pagination .el-table--enable-row-hover .el-table__body tr:hover { border: 1px solid rgba(0, 114, 194, 0.5); } .g-pagination .el-table--striped .el-table__body tr.current-row.el-table__row--striped { border: 1px solid rgba(0, 114, 194, 0.5); } .g-pagination .el-pagination__total { color: #ffffff !important; } .g-nav { display: flex; font-size: 14px; width: 100%; height: 20px; align-items: center; color: #fff; } .g-nav .nav-icon { width: 18px; margin-left: 11px; flex-shrink: 0; margin-right: 11px; } .g-nav .nav-content { flex: 1; }