| | |
| | | |
| | | <!-- Add "scoped" attribute to limit CSS to this component only --> |
| | | <style lang="scss" scoped> |
| | | .rightContent { |
| | | height: 100%; |
| | | background: #f0f2f5; |
| | | padding: 10px; |
| | | .top { |
| | | margin-bottom: 20px; |
| | | height: 55%; |
| | | background: #fff; |
| | | .list-view { |
| | | height: calc(100% - 120px); |
| | | } |
| | | .supplier-search { |
| | | display: flex; |
| | | align-items: center; |
| | | .add-view { |
| | | margin-left: auto; |
| | | margin-right: 20px; |
| | | } |
| | | } |
| | | .sel-name { |
| | | color: $color-primary; |
| | | cursor: pointer; |
| | | } |
| | | // .btn-pager { |
| | | // display: flex; |
| | | // .page { |
| | | // margin-left: auto; |
| | | // } |
| | | // } |
| | | } |
| | | .bottom { |
| | | margin-top: 20px; |
| | | height: calc(40% - 0px); |
| | | background: #fff; |
| | | .list-view { |
| | | height: calc(100% - 120px); |
| | | } |
| | | .product-search { |
| | | display: flex; |
| | | align-items: center; |
| | | .search { |
| | | margin-left: auto; |
| | | } |
| | | .add-view { |
| | | margin-left: 20px; |
| | | margin-right: 20px; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | |
| | | .supplier{ |
| | | height: 100%; |
| | | overflow: hidden; |