@sc-360-v2/storefront-cms-library 0.2.92 → 0.2.94

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -121,6 +121,20 @@
121
121
  height: 100%;
122
122
  padding: 8px 12px;
123
123
  text-align: left;
124
+ display: flex;
125
+ align-items: center;
126
+ .item-image {
127
+ background-image: url("");
128
+ width: 30px;
129
+ height: 30px;
130
+ }
131
+ .item-image-svg {
132
+ display: flex;
133
+ align-items: center;
134
+ justify-content: center;
135
+ background: #dfdfdf;
136
+ margin-right: 8px;
137
+ }
124
138
  }
125
139
  }
126
140
  }
@@ -36,6 +36,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
36
36
  align-items: flex-start;
37
37
  gap: 24px;
38
38
  flex: 1 0 0;
39
+ max-width: 100%;
39
40
 
40
41
  .cart_title_wrapper {
41
42
  display: flex;
@@ -187,16 +188,26 @@ $resizeActive: '[data-cms-element-resizer="true"]';
187
188
  justify-content: space-between;
188
189
  align-items: flex-start;
189
190
  align-self: stretch;
191
+ height: 162px;
190
192
 
191
193
  .cart_product_left_wrapper {
192
194
  display: flex;
193
195
  align-items: flex-start;
194
196
  gap: 16px;
195
-
197
+ max-width: 60%;
198
+ height: 100%;
196
199
  .checkbox_wrapper {
197
200
  width: fit-content;
198
201
  }
199
202
 
203
+ .product_image {
204
+ width: 128px;
205
+ background-size: 100%;
206
+ height: 100%;
207
+ background-repeat: no-repeat;
208
+ background-position: center;
209
+ }
210
+
200
211
  .product_info_wrapper {
201
212
  display: flex;
202
213
  width: 320px;
@@ -211,6 +222,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
211
222
  align-items: flex-start;
212
223
  gap: 2px;
213
224
  align-self: stretch;
225
+ word-break: normal;
214
226
 
215
227
  .product_title {
216
228
  color: var(--_ctm-dn-pt-ne-ss-cr);
@@ -283,7 +295,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
283
295
  display: flex;
284
296
  justify-content: flex-end;
285
297
  align-items: center;
286
- gap: 31px;
298
+ gap: 16px;
287
299
  align-self: stretch;
288
300
 
289
301
  .product_qty_wrapper {
@@ -325,6 +337,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
325
337
  border-radius: 0px 4px 4px 0px;
326
338
  background: #fff;
327
339
  border-left: 1px solid #d0d5dd;
340
+ max-width: 82px;
328
341
  }
329
342
  }
330
343
  }