@komtek/el-grid
Version:
A Vue.js component which combines form, table, pagination components from Element UI.
1 lines • 3.12 kB
CSS
.grid-header{padding:20px 15px}.grid-table{background-color:#fff;border:solid #ebeef5;border-width:1px 1px 0}.grid-table>:not(:last-child){border-bottom:1px solid #ebeef5}.grid-table .el-table.el-table--border{border:none}.grid-table__search-form{padding:15px 10px;background-color:#fafafa}.grid-table__search-form .el-form--inline .el-form-item:last-child{margin-right:0}.grid-table__pagination{padding:10px;border-bottom:1px solid #ebeef5;display:flex;justify-content:space-between;align-items:center}.grid-table .el-form--inline .el-form-item{margin-bottom:0 }.grid-table .el-form-item__content,.grid-table .el-form-item__label{line-height:1 }.grid-table.min-height-400 .el-table__body-wrapper,.grid-table.min-height-500 .el-table__body-wrapper{min-height:400px}.grid-table.cell-lg .cell{padding:12px 6px }.d-none{display:none }.d-inline{display:inline }.d-inline-block{display:inline-block }.d-block{display:block }.d-table{display:table }.d-table-row{display:table-row }.d-table-cell{display:table-cell }.d-flex{display:flex }.d-inline-flex{display:inline-flex }.flex-row{flex-direction:row }.flex-column{flex-direction:column }.flex-row-reverse{flex-direction:row-reverse }.flex-column-reverse{flex-direction:column-reverse }.flex-wrap{flex-wrap:wrap }.flex-nowrap{flex-wrap:nowrap }.flex-wrap-reverse{flex-wrap:wrap-reverse }.flex-fill{flex:1 1 auto }.flex-grow-0{flex-grow:0 }.flex-grow-1{flex-grow:1 }.flex-shrink-0{flex-shrink:0 }.flex-shrink-1{flex-shrink:1 }.justify-content-start{justify-content:flex-start }.justify-content-end{justify-content:flex-end }.justify-content-center{justify-content:center }.justify-content-between{justify-content:space-between }.justify-content-around{justify-content:space-around }.align-items-start{align-items:flex-start }.align-items-end{align-items:flex-end }.align-items-center{align-items:center }.align-items-baseline{align-items:baseline }.align-items-stretch{align-items:stretch }.align-content-start{align-content:flex-start }.align-content-end{align-content:flex-end }.align-content-center{align-content:center }.align-content-between{align-content:space-between }.align-content-around{align-content:space-around }.align-content-stretch{align-content:stretch }.align-self-auto{align-self:auto }.align-self-start{align-self:flex-start }.align-self-end{align-self:flex-end }.align-self-center{align-self:center }.align-self-baseline{align-self:baseline }.align-self-stretch{align-self:stretch }.tooltip-button{display:flex}.d-flex-row[data-v-1dbb6d8c]{display:flex;flex-direction:row;align-items:center}.search-icon[data-v-1dbb6d8c]{font-size:25px;margin-right:10px;margin-bottom:3px;opacity:.6}.el-form-item[data-v-1dbb6d8c]{margin-bottom:0 }