@sc-360-v2/storefront-cms-library 0.3.34 → 0.3.35
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.
- package/dist/bulk-order-pad.scss +26 -7
- package/dist/cart-details.scss +61 -9
- package/dist/cart-summary.scss +47 -22
- package/dist/empty-states.scss +42 -10
- package/dist/modal.scss +23 -12
- package/dist/submit-quote.scss +2 -1
- package/dist/widget.scss +1 -0
- package/package.json +1 -1
package/dist/bulk-order-pad.scss
CHANGED
|
@@ -45,8 +45,18 @@
|
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
+
.bulk_order_pad_warning_msg {
|
|
49
|
+
background: var(--_error-50);
|
|
50
|
+
height: auto;
|
|
51
|
+
padding: 24px;
|
|
52
|
+
text-align: center;
|
|
53
|
+
border-block: 1px solid var(--_error-200);
|
|
54
|
+
color: var(--_error-700);
|
|
55
|
+
}
|
|
56
|
+
|
|
48
57
|
.bulkOrderPad-grid {
|
|
49
|
-
height:
|
|
58
|
+
height: 100%;
|
|
59
|
+
|
|
50
60
|
.bulkOrderPad-content {
|
|
51
61
|
height: calc(100% - 92px);
|
|
52
62
|
.bulkOrderPad-section {
|
|
@@ -248,9 +258,13 @@
|
|
|
248
258
|
display: flex;
|
|
249
259
|
gap: 12px;
|
|
250
260
|
.product-image {
|
|
261
|
+
width: 90px;
|
|
262
|
+
height: 90px;
|
|
263
|
+
border-radius: 4px;
|
|
264
|
+
overflow: hidden;
|
|
251
265
|
img {
|
|
252
|
-
|
|
253
|
-
|
|
266
|
+
width: 100%;
|
|
267
|
+
height: 100%;
|
|
254
268
|
}
|
|
255
269
|
}
|
|
256
270
|
|
|
@@ -388,7 +402,7 @@
|
|
|
388
402
|
flex-direction: column;
|
|
389
403
|
|
|
390
404
|
.bulk-order-pad-filter-wrapper {
|
|
391
|
-
background-color: var(--
|
|
405
|
+
background-color: var(--_base-white);
|
|
392
406
|
border-bottom: 1px solid var(--_gray-200);
|
|
393
407
|
align-items: center;
|
|
394
408
|
justify-content: center;
|
|
@@ -396,6 +410,7 @@
|
|
|
396
410
|
display: flex;
|
|
397
411
|
justify-content: center;
|
|
398
412
|
padding: 12px;
|
|
413
|
+
min-height: 94px;
|
|
399
414
|
|
|
400
415
|
@media (max-width: 500px) {
|
|
401
416
|
gap: 8px;
|
|
@@ -445,9 +460,7 @@
|
|
|
445
460
|
}
|
|
446
461
|
}
|
|
447
462
|
|
|
448
|
-
|
|
449
|
-
margin-bottom: -30px;
|
|
450
|
-
}
|
|
463
|
+
|
|
451
464
|
}
|
|
452
465
|
|
|
453
466
|
.bulkOrderPad-content-container {
|
|
@@ -466,6 +479,7 @@
|
|
|
466
479
|
align-self: stretch;
|
|
467
480
|
width: 36px;
|
|
468
481
|
align-items: center;
|
|
482
|
+
margin-top: 40px;
|
|
469
483
|
|
|
470
484
|
.vertical_vector {
|
|
471
485
|
height: 100%;
|
|
@@ -500,12 +514,17 @@
|
|
|
500
514
|
width: 100%;
|
|
501
515
|
height: 1px;
|
|
502
516
|
background: #f0f0f0;
|
|
517
|
+
|
|
503
518
|
}
|
|
519
|
+
.title {
|
|
520
|
+
padding: 6px;
|
|
521
|
+
}
|
|
504
522
|
}
|
|
505
523
|
|
|
506
524
|
table {
|
|
507
525
|
border-collapse: collapse;
|
|
508
526
|
width: 100%;
|
|
527
|
+
margin-bottom: 24px;
|
|
509
528
|
|
|
510
529
|
tr {
|
|
511
530
|
&:last-of-type {
|
package/dist/cart-details.scss
CHANGED
|
@@ -421,11 +421,15 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
421
421
|
}
|
|
422
422
|
}
|
|
423
423
|
|
|
424
|
+
.border_dashed {
|
|
425
|
+
border: 1px dashed var(--_gray-300);
|
|
426
|
+
}
|
|
427
|
+
|
|
424
428
|
.cart_products_wrapper,
|
|
425
429
|
.infinite-list-container {
|
|
426
430
|
flex: 1 1 auto;
|
|
427
431
|
overflow-y: auto;
|
|
428
|
-
padding: 1rem;
|
|
432
|
+
// padding: 1rem;
|
|
429
433
|
|
|
430
434
|
.cart_item_wrapper {
|
|
431
435
|
border-radius: 4px;
|
|
@@ -461,14 +465,15 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
461
465
|
}
|
|
462
466
|
|
|
463
467
|
.product_image {
|
|
464
|
-
width:
|
|
468
|
+
width: 130px;
|
|
465
469
|
background-size: 100%;
|
|
466
|
-
height:
|
|
470
|
+
height: 130px;
|
|
467
471
|
background-repeat: no-repeat;
|
|
468
472
|
background-position: center;
|
|
469
473
|
background-color: #eaeaea;
|
|
470
474
|
border: 1px solid var(--_gray-100);
|
|
471
475
|
border-radius: 4px;
|
|
476
|
+
margin-right: 24px;
|
|
472
477
|
}
|
|
473
478
|
|
|
474
479
|
.product_info_wrapper {
|
|
@@ -478,6 +483,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
478
483
|
justify-content: space-between;
|
|
479
484
|
align-items: flex-start;
|
|
480
485
|
align-self: stretch;
|
|
486
|
+
margin-right: 16px;
|
|
481
487
|
|
|
482
488
|
.product_info_container {
|
|
483
489
|
display: flex;
|
|
@@ -551,8 +557,14 @@ width: 380px;
|
|
|
551
557
|
.product_customization_container {
|
|
552
558
|
display: flex;
|
|
553
559
|
align-items: center;
|
|
554
|
-
gap:
|
|
560
|
+
gap: 16px;
|
|
555
561
|
min-height: 28px;
|
|
562
|
+
.svg_icon {
|
|
563
|
+
display: flex;
|
|
564
|
+
svg path {
|
|
565
|
+
stroke: var(--_primary-400);
|
|
566
|
+
}
|
|
567
|
+
}
|
|
556
568
|
|
|
557
569
|
.customization_button {
|
|
558
570
|
display: flex;
|
|
@@ -569,12 +581,28 @@ width: 380px;
|
|
|
569
581
|
margin-right: 4px;
|
|
570
582
|
}
|
|
571
583
|
}
|
|
584
|
+
.svg_icon {
|
|
585
|
+
display: flex;
|
|
586
|
+
transition: all 400ms linear;
|
|
587
|
+
svg {
|
|
588
|
+
path {
|
|
589
|
+
stroke: var(--_primary-400);
|
|
590
|
+
}
|
|
591
|
+
width: 18px;
|
|
592
|
+
height: 18px;
|
|
593
|
+
margin-top: 2px;
|
|
594
|
+
transition: transform 400ms linear;
|
|
595
|
+
}
|
|
596
|
+
}
|
|
572
597
|
}
|
|
573
598
|
.svg_icon svg{
|
|
574
599
|
vertical-align: middle;
|
|
575
600
|
}
|
|
576
601
|
.svg_icon.down svg {
|
|
577
602
|
transform: rotate(180deg);
|
|
603
|
+
transition: transform 400ms linear;
|
|
604
|
+
// width: 20px;
|
|
605
|
+
// height: 20px;
|
|
578
606
|
}
|
|
579
607
|
.customizationInfo_button {
|
|
580
608
|
display: flex;
|
|
@@ -646,6 +674,7 @@ width: 380px;
|
|
|
646
674
|
flex-direction: column;
|
|
647
675
|
align-items: flex-start;
|
|
648
676
|
gap: 6px;
|
|
677
|
+
width: 120px;
|
|
649
678
|
|
|
650
679
|
.product_qty_container {
|
|
651
680
|
display: flex;
|
|
@@ -680,6 +709,8 @@ width: 380px;
|
|
|
680
709
|
background: #fff;
|
|
681
710
|
border-left: 1px solid #d0d5dd;
|
|
682
711
|
max-width: 80px;
|
|
712
|
+
text-align: center;
|
|
713
|
+
|
|
683
714
|
}
|
|
684
715
|
}
|
|
685
716
|
}
|
|
@@ -699,17 +730,38 @@ width: 380px;
|
|
|
699
730
|
display: flex;
|
|
700
731
|
align-items: center;
|
|
701
732
|
gap: 16px;
|
|
733
|
+
.delete_cart_icon {
|
|
734
|
+
svg {
|
|
735
|
+
path {
|
|
736
|
+
stroke: var(--_error-500);
|
|
737
|
+
}
|
|
738
|
+
}
|
|
739
|
+
&:hover {
|
|
740
|
+
svg {
|
|
741
|
+
path {
|
|
742
|
+
stroke: var(--_error-700);
|
|
743
|
+
}
|
|
744
|
+
}
|
|
745
|
+
}
|
|
746
|
+
}
|
|
702
747
|
.svg_icon {
|
|
703
748
|
display: flex;
|
|
704
749
|
justify-content: center;
|
|
705
750
|
align-items: center;
|
|
706
|
-
|
|
751
|
+
|
|
752
|
+
&:hover {
|
|
753
|
+
svg {
|
|
707
754
|
path {
|
|
708
|
-
stroke:
|
|
755
|
+
stroke: var(--_gray-900);
|
|
709
756
|
}
|
|
710
|
-
|
|
711
|
-
|
|
757
|
+
}
|
|
758
|
+
|
|
759
|
+
}
|
|
760
|
+
svg {
|
|
761
|
+
path {
|
|
762
|
+
stroke: var(--_gray-600);
|
|
712
763
|
}
|
|
764
|
+
|
|
713
765
|
}
|
|
714
766
|
}
|
|
715
767
|
.product_action_button {
|
|
@@ -1252,7 +1304,7 @@ width: 380px;
|
|
|
1252
1304
|
.infinite-list-container {
|
|
1253
1305
|
display: flex;
|
|
1254
1306
|
flex-direction: column;
|
|
1255
|
-
gap:
|
|
1307
|
+
gap: 32px;
|
|
1256
1308
|
max-width: 100%;
|
|
1257
1309
|
min-width: 100%;
|
|
1258
1310
|
|
package/dist/cart-summary.scss
CHANGED
|
@@ -123,13 +123,16 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
123
123
|
.coupon_code_input {
|
|
124
124
|
width: 100%;
|
|
125
125
|
padding: 8px 12px;
|
|
126
|
-
border-radius:
|
|
126
|
+
border-radius: 6px;
|
|
127
127
|
border: 1px solid #d0d5dd;
|
|
128
128
|
background-color: #ffffff;
|
|
129
129
|
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
|
|
130
130
|
font-size: 16px;
|
|
131
131
|
line-height: 24px;
|
|
132
132
|
height: 40px;
|
|
133
|
+
&::placeholder {
|
|
134
|
+
font-size: 14px;
|
|
135
|
+
}
|
|
133
136
|
}
|
|
134
137
|
|
|
135
138
|
.success_message {
|
|
@@ -207,9 +210,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
207
210
|
.cart_summary_primary_btn_wrapper {
|
|
208
211
|
padding: var(--_ctm-lt-bn-pg) calc(var(--_ctm-lt-bn-pg) * 2);
|
|
209
212
|
width: 100%;
|
|
210
|
-
background-color: var(--_ctm-dn-py-bn-dn-dt-se-bd-cr);
|
|
213
|
+
// background-color: var(--_ctm-dn-py-bn-dn-dt-se-bd-cr);
|
|
211
214
|
border-color: var(--_ctm-dn-py-bn-dn-dt-se-br-cr);
|
|
212
|
-
border-radius: var(--_ctm-dn-py-bn-dn-dt-se-br-rs);
|
|
215
|
+
// border-radius: var(--_ctm-dn-py-bn-dn-dt-se-br-rs);
|
|
213
216
|
border-style: var(--_ctm-dn-py-bn-dn-dt-se-br-se);
|
|
214
217
|
border-width: var(--_ctm-dn-py-bn-dn-dt-se-br-wh);
|
|
215
218
|
color: var(--_ctm-dn-py-bn-dn-dt-se-cr);
|
|
@@ -221,26 +224,31 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
221
224
|
letter-spacing: var(--_ctm-dn-py-bn-dn-dt-se-lr-sg);
|
|
222
225
|
box-shadow: var(--_ctm-dn-py-bn-dn-dt-se-sw-ae) var(--_ctm-dn-py-bn-dn-dt-se-sw-br)
|
|
223
226
|
var(--_ctm-dn-py-bn-dn-dt-se-sw-sd) var(--_ctm-dn-py-bn-dn-dt-se-sw-cr);
|
|
224
|
-
text-align: var(--_ctm-dn-py-bn-dn-dt-se-tt-an);
|
|
227
|
+
// text-align: var(--_ctm-dn-py-bn-dn-dt-se-tt-an);
|
|
225
228
|
text-decoration: var(--_ctm-dn-py-bn-dn-dt-se-ue);
|
|
229
|
+
background: var(--_primary-400);
|
|
230
|
+
border-radius: 6px;
|
|
231
|
+
color: var(--_base-white);
|
|
232
|
+
text-align: center;
|
|
226
233
|
|
|
227
234
|
&:hover {
|
|
228
|
-
background-color: var(--_ctm-dn-py-bn-dn-hr-se-bd-cr);
|
|
229
|
-
border-color: var(--_ctm-dn-py-bn-dn-hr-se-br-cr);
|
|
230
|
-
border-radius: var(--_ctm-dn-py-bn-dn-hr-se-br-rs);
|
|
231
|
-
border-style: var(--_ctm-dn-py-bn-dn-hr-se-br-se);
|
|
232
|
-
border-width: var(--_ctm-dn-py-bn-dn-hr-se-br-wh);
|
|
233
|
-
color: var(--_ctm-dn-py-bn-dn-hr-se-cr);
|
|
234
|
-
font-family: var(--_ctm-dn-py-bn-dn-hr-se-ft-fy);
|
|
235
|
-
font-size: var(--_ctm-dn-py-bn-dn-hr-se-ft-se);
|
|
236
|
-
font-style: var(--_ctm-dn-py-bn-dn-hr-se-ft-se-ic);
|
|
237
|
-
font-weight: var(--_ctm-dn-py-bn-dn-hr-se-ft-wt);
|
|
238
|
-
line-height: var(--_ctm-dn-py-bn-dn-hr-se-le-ht);
|
|
239
|
-
letter-spacing: var(--_ctm-dn-py-bn-dn-hr-se-lr-sg);
|
|
240
|
-
box-shadow: var(--_ctm-dn-py-bn-dn-hr-se-sw-ae) var(--_ctm-dn-py-bn-dn-hr-se-sw-br)
|
|
241
|
-
|
|
242
|
-
text-align: var(--_ctm-dn-py-bn-dn-hr-se-tt-an);
|
|
243
|
-
text-decoration: var(--_ctm-dn-py-bn-dn-hr-se-ue);
|
|
235
|
+
// background-color: var(--_ctm-dn-py-bn-dn-hr-se-bd-cr);
|
|
236
|
+
// border-color: var(--_ctm-dn-py-bn-dn-hr-se-br-cr);
|
|
237
|
+
// border-radius: var(--_ctm-dn-py-bn-dn-hr-se-br-rs);
|
|
238
|
+
// border-style: var(--_ctm-dn-py-bn-dn-hr-se-br-se);
|
|
239
|
+
// border-width: var(--_ctm-dn-py-bn-dn-hr-se-br-wh);
|
|
240
|
+
// color: var(--_ctm-dn-py-bn-dn-hr-se-cr);
|
|
241
|
+
// font-family: var(--_ctm-dn-py-bn-dn-hr-se-ft-fy);
|
|
242
|
+
// font-size: var(--_ctm-dn-py-bn-dn-hr-se-ft-se);
|
|
243
|
+
// font-style: var(--_ctm-dn-py-bn-dn-hr-se-ft-se-ic);
|
|
244
|
+
// font-weight: var(--_ctm-dn-py-bn-dn-hr-se-ft-wt);
|
|
245
|
+
// line-height: var(--_ctm-dn-py-bn-dn-hr-se-le-ht);
|
|
246
|
+
// letter-spacing: var(--_ctm-dn-py-bn-dn-hr-se-lr-sg);
|
|
247
|
+
// box-shadow: var(--_ctm-dn-py-bn-dn-hr-se-sw-ae) var(--_ctm-dn-py-bn-dn-hr-se-sw-br)
|
|
248
|
+
// var(--_ctm-dn-py-bn-dn-hr-se-sw-sd) var(--_ctm-dn-py-bn-dn-hr-se-sw-cr);
|
|
249
|
+
// text-align: var(--_ctm-dn-py-bn-dn-hr-se-tt-an);
|
|
250
|
+
// text-decoration: var(--_ctm-dn-py-bn-dn-hr-se-ue);
|
|
251
|
+
background: var(--_primary-500);
|
|
244
252
|
}
|
|
245
253
|
}
|
|
246
254
|
|
|
@@ -263,6 +271,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
263
271
|
var(--_ctm-dn-py-bn-dn-dt-se-sw-sd) var(--_ctm-dn-py-bn-dn-dt-se-sw-cr);
|
|
264
272
|
text-align: var(--_ctm-dn-py-bn-dn-dt-se-tt-an);
|
|
265
273
|
text-decoration: var(--_ctm-dn-py-bn-dn-dt-se-ue);
|
|
274
|
+
background: var(--_base-white);
|
|
275
|
+
border-radius: 6px;
|
|
276
|
+
text-align: center;
|
|
277
|
+
color: var(--_gray-600);
|
|
278
|
+
border: 1px solid var(--_gray-200);
|
|
266
279
|
|
|
267
280
|
&:hover {
|
|
268
281
|
border-color: var(--_ctm-dn-py-bn-dn-hr-se-bd-cr);
|
|
@@ -279,8 +292,12 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
279
292
|
letter-spacing: var(--_ctm-dn-py-bn-dn-hr-se-lr-sg);
|
|
280
293
|
box-shadow: var(--_ctm-dn-py-bn-dn-hr-se-sw-ae) var(--_ctm-dn-py-bn-dn-hr-se-sw-br)
|
|
281
294
|
var(--_ctm-dn-py-bn-dn-hr-se-sw-sd) var(--_ctm-dn-py-bn-dn-hr-se-sw-cr);
|
|
282
|
-
text-align: var(--_ctm-dn-py-bn-dn-hr-se-tt-an);
|
|
295
|
+
// text-align: var(--_ctm-dn-py-bn-dn-hr-se-tt-an);
|
|
283
296
|
text-decoration: var(--_ctm-dn-py-bn-dn-hr-se-ue);
|
|
297
|
+
color: var(--_gray-900);
|
|
298
|
+
background-color: var(--_gray-50);
|
|
299
|
+
text-align: center;
|
|
300
|
+
border: 1px solid var(--_gray-200);
|
|
284
301
|
}
|
|
285
302
|
}
|
|
286
303
|
|
|
@@ -290,7 +307,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
290
307
|
border-radius: var(--_ctm-dn-sy-bn-dn-dt-se-br-rs);
|
|
291
308
|
border-style: var(--_ctm-dn-sy-bn-dn-dt-se-br-se);
|
|
292
309
|
border-width: var(--_ctm-dn-sy-bn-dn-dt-se-br-wh);
|
|
293
|
-
color: var(--_ctm-dn-sy-bn-dn-dt-se-cr);
|
|
310
|
+
// color: var(--_ctm-dn-sy-bn-dn-dt-se-cr);
|
|
294
311
|
font-family: var(--_ctm-dn-sy-bn-dn-dt-se-ft-fy);
|
|
295
312
|
font-size: var(--_ctm-dn-sy-bn-dn-dt-se-ft-se);
|
|
296
313
|
font-style: var(--_ctm-dn-sy-bn-dn-dt-se-ft-se-ic);
|
|
@@ -301,6 +318,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
301
318
|
var(--_ctm-dn-sy-bn-dn-dt-se-sw-sd) var(--_ctm-dn-sy-bn-dn-dt-se-sw-cr);
|
|
302
319
|
text-align: var(--_ctm-dn-sy-bn-dn-dt-se-tt-an);
|
|
303
320
|
text-decoration: var(--_ctm-dn-sy-bn-dn-dt-se-ue);
|
|
321
|
+
color: var(--_primary-400);
|
|
304
322
|
|
|
305
323
|
&:hover {
|
|
306
324
|
background-color: var(--_ctm-dn-sy-bn-dn-hr-se-bd-cr);
|
|
@@ -321,6 +339,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
321
339
|
text-decoration: var(--_ctm-dn-sy-bn-dn-hr-se-ue);
|
|
322
340
|
}
|
|
323
341
|
}
|
|
342
|
+
.coupon_code_text {
|
|
343
|
+
color: var(--_primary-400);
|
|
344
|
+
}
|
|
324
345
|
}
|
|
325
346
|
}
|
|
326
347
|
}
|
|
348
|
+
|
|
349
|
+
.border_dashed {
|
|
350
|
+
border: 1px dashed var(--_gray-300);
|
|
351
|
+
}
|
package/dist/empty-states.scss
CHANGED
|
@@ -17,36 +17,68 @@ p {
|
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
.
|
|
20
|
+
.empty_cart_wrapper {
|
|
21
21
|
display: flex;
|
|
22
|
-
width: 100%;
|
|
23
22
|
flex-direction: column;
|
|
24
|
-
gap: 6px;
|
|
25
23
|
align-items: center;
|
|
26
24
|
justify-content: center;
|
|
27
|
-
flex: 1 1 auto;
|
|
28
25
|
width: 100%;
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
justify-content: center;
|
|
32
|
-
align-items: center;
|
|
26
|
+
gap: 6px;
|
|
27
|
+
margin-top: 24px;
|
|
33
28
|
img {
|
|
34
29
|
max-width: 100px;
|
|
35
30
|
max-height: 100px;
|
|
36
31
|
}
|
|
37
32
|
|
|
38
|
-
.
|
|
33
|
+
.empty_msg_title {
|
|
39
34
|
font-family: "Lato";
|
|
40
35
|
font-weight: 700;
|
|
41
36
|
font-size: 24px;
|
|
42
37
|
color: var(--_gray-900);
|
|
43
38
|
line-height: 32px;
|
|
39
|
+
margin-top: 24px;
|
|
44
40
|
}
|
|
45
41
|
|
|
46
|
-
.
|
|
42
|
+
.empty_msg_desc {
|
|
47
43
|
font-family: "Lato";
|
|
48
44
|
font-size: 14px;
|
|
49
45
|
line-height: 20px;
|
|
50
46
|
color: var(--_gray-900);
|
|
51
47
|
}
|
|
48
|
+
.emtpy_cart_btn {
|
|
49
|
+
display: flex;
|
|
50
|
+
gap: 12px;
|
|
51
|
+
margin-top: 24px;
|
|
52
|
+
.empty_crt_btn {
|
|
53
|
+
padding: 12px 24px;
|
|
54
|
+
border-radius: 6px;
|
|
55
|
+
background-color: var(--_primary-400);
|
|
56
|
+
font-weight: 600px;
|
|
57
|
+
display: flex;
|
|
58
|
+
align-items: center;
|
|
59
|
+
gap: 8px;
|
|
60
|
+
&:hover {
|
|
61
|
+
background-color: var(--_primary-500);
|
|
62
|
+
}
|
|
63
|
+
.label {
|
|
64
|
+
color: var(--_base-white);
|
|
65
|
+
font-size: 16px;
|
|
66
|
+
}
|
|
67
|
+
svg path {
|
|
68
|
+
stroke: var(--_base-white);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
.empty_wl_btn {
|
|
72
|
+
padding: 12px 24px;
|
|
73
|
+
border-radius: 6px;
|
|
74
|
+
background-color: var(--_base-white);
|
|
75
|
+
color: var(--_primary-400);
|
|
76
|
+
font-weight: 500;
|
|
77
|
+
font-size: 16px;
|
|
78
|
+
&:hover {
|
|
79
|
+
background-color: var(--_gray-50);
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
}
|
|
52
84
|
}
|
package/dist/modal.scss
CHANGED
|
@@ -107,11 +107,19 @@ $active_btn_text_color: #fff;
|
|
|
107
107
|
display: flex;
|
|
108
108
|
align-items: center;
|
|
109
109
|
justify-content: center;
|
|
110
|
-
|
|
111
|
-
|
|
110
|
+
border-radius: 4px;
|
|
111
|
+
span {
|
|
112
|
+
display: flex;
|
|
113
|
+
svg {
|
|
112
114
|
width: 20px;
|
|
113
115
|
height: 20px;
|
|
114
116
|
}
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
&:hover {
|
|
121
|
+
background-color: var(--_gray-100);
|
|
122
|
+
}
|
|
115
123
|
}
|
|
116
124
|
}
|
|
117
125
|
|
|
@@ -248,7 +256,7 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
|
|
|
248
256
|
.wishlist-modal {
|
|
249
257
|
display: flex;
|
|
250
258
|
flex-direction: column;
|
|
251
|
-
padding:
|
|
259
|
+
padding: 16px;
|
|
252
260
|
width: 100%;
|
|
253
261
|
.wishlist-modal-section {
|
|
254
262
|
gap: 16px !important;
|
|
@@ -336,17 +344,16 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
|
|
|
336
344
|
padding: 16px;
|
|
337
345
|
|
|
338
346
|
.left-col {
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
.title {
|
|
345
|
-
color: var(--Gray-900, #101828);
|
|
346
|
-
font-size: 14px;
|
|
347
|
+
|
|
348
|
+
.title {
|
|
349
|
+
color: var(--_gray-900, #101828);
|
|
350
|
+
font-size: 16px;
|
|
347
351
|
font-weight: 700;
|
|
348
352
|
line-height: 24px;
|
|
349
353
|
text-transform: capitalize;
|
|
354
|
+
display: flex;
|
|
355
|
+
gap: 10px;
|
|
356
|
+
align-items: center;
|
|
350
357
|
// font-size: $font-size-lg;
|
|
351
358
|
// font-weight: 600;
|
|
352
359
|
// display: flex;
|
|
@@ -383,7 +390,9 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
|
|
|
383
390
|
}
|
|
384
391
|
}
|
|
385
392
|
|
|
386
|
-
|
|
393
|
+
|
|
394
|
+
}
|
|
395
|
+
.actions {
|
|
387
396
|
display: flex;
|
|
388
397
|
align-items: center;
|
|
389
398
|
gap: 12px;
|
|
@@ -413,6 +422,8 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
|
|
|
413
422
|
height: 20px !important;
|
|
414
423
|
}
|
|
415
424
|
}
|
|
425
|
+
|
|
426
|
+
|
|
416
427
|
}
|
|
417
428
|
|
|
418
429
|
.input-group {
|
package/dist/submit-quote.scss
CHANGED
package/dist/widget.scss
CHANGED