| Faris Ansari | 519cc09 | 2017-08-10 11:22:03 +0530 | [diff] [blame] | 1 | .pos { |
| 2 | padding: 15px; |
| 3 | } |
| Faris Ansari | 65c4bd6 | 2017-08-10 17:17:34 +0530 | [diff] [blame] | 4 | .cart-container { |
| Faris Ansari | 519cc09 | 2017-08-10 11:22:03 +0530 | [diff] [blame] | 5 | padding: 0 15px; |
| 6 | display: inline-block; |
| 7 | width: 39%; |
| 8 | vertical-align: top; |
| 9 | } |
| 10 | .item-container { |
| 11 | padding: 0 15px; |
| 12 | display: inline-block; |
| 13 | width: 60%; |
| 14 | vertical-align: top; |
| 15 | } |
| Faris Ansari | f7c7ff4 | 2017-08-10 18:28:05 +0530 | [diff] [blame^] | 16 | .search-field { |
| 17 | width: 60%; |
| 18 | } |
| 19 | .search-field input::placeholder { |
| 20 | font-size: 12px; |
| 21 | } |
| Faris Ansari | 519cc09 | 2017-08-10 11:22:03 +0530 | [diff] [blame] | 22 | .item-group-field { |
| Faris Ansari | f7c7ff4 | 2017-08-10 18:28:05 +0530 | [diff] [blame^] | 23 | width: 40%; |
| Faris Ansari | 519cc09 | 2017-08-10 11:22:03 +0530 | [diff] [blame] | 24 | margin-left: 15px; |
| 25 | } |
| 26 | .cart-wrapper .list-item__content:not(:first-child) { |
| 27 | justify-content: flex-end; |
| 28 | } |
| 29 | .cart-items { |
| 30 | height: 200px; |
| 31 | overflow: auto; |
| 32 | } |
| 33 | .fields { |
| 34 | display: flex; |
| 35 | } |
| 36 | .pos-items-wrapper { |
| 37 | max-height: 480px; |
| 38 | overflow: auto; |
| 39 | } |
| 40 | .pos-item-wrapper { |
| Faris Ansari | f7c7ff4 | 2017-08-10 18:28:05 +0530 | [diff] [blame^] | 41 | display: flex; |
| 42 | flex-direction: column; |
| 43 | justify-content: space-between; |
| Faris Ansari | 519cc09 | 2017-08-10 11:22:03 +0530 | [diff] [blame] | 44 | } |
| 45 | .image-view-container { |
| 46 | display: block; |
| 47 | } |
| 48 | .image-view-container .image-field { |
| 49 | height: auto; |
| 50 | } |
| 51 | .empty-state { |
| 52 | height: 100%; |
| 53 | position: relative; |
| 54 | } |
| 55 | .empty-state span { |
| 56 | position: absolute; |
| 57 | color: #8D99A6; |
| 58 | font-size: 12px; |
| 59 | top: 50%; |
| 60 | left: 50%; |
| 61 | transform: translate(-50%, -50%); |
| 62 | } |