@sc-360-v2/storefront-cms-library 0.3.30 → 0.3.32

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.
@@ -85,6 +85,9 @@
85
85
  .readonly-input,
86
86
  .dropdown__clear__icon,
87
87
  .dropdown__icon {
88
+ .icon {
89
+ display: flex;
90
+ }
88
91
  cursor: pointer;
89
92
  .icon svg {
90
93
  vertical-align: middle;
@@ -232,13 +235,20 @@
232
235
  .dropdown-with-input-section.full-width {
233
236
  width: auto;
234
237
  .dropdown-input-section {
235
- width: 100% !important;
238
+ width: 100%;
239
+ border-radius: 6px;
240
+
241
+ &:focus-within {
242
+ border: 1px solid var(--_primary-300);
243
+ outline: 2px solid var(--_primary-50);
244
+ }
236
245
  }
237
246
  }
238
247
 
239
248
  .icon_with_label_section {
240
249
  display: flex;
241
250
  gap: 4px;
251
+ align-items: center;
242
252
  cursor: pointer;
243
253
  .label_elm {
244
254
  color: var(--_primary-400);
@@ -2,11 +2,6 @@
2
2
  display: flex;
3
3
  justify-self: end;
4
4
  gap: 10px;
5
- .single_payment_action {
6
- display: flex;
7
- align-items: center;
8
- gap: 6px;
9
- }
10
5
  .svg_icon {
11
6
  display: flex;
12
7
  align-items: center;
@@ -452,6 +447,14 @@
452
447
  right: -8px;
453
448
  }
454
449
  }
450
+ .single_checkout_sec {
451
+ gap: 12px;
452
+ .single_addres_sec,
453
+ .single_payment_sec {
454
+ color: #243dc6;
455
+ cursor: pointer;
456
+ }
457
+ }
455
458
  .action_item {
456
459
  cursor: pointer;
457
460
  }
@@ -545,3 +548,31 @@
545
548
  font-size: 14px;
546
549
  }
547
550
  }
551
+ .overlay_body {
552
+ position: absolute;
553
+ top: 100%;
554
+ width: 168px;
555
+ background: #fff;
556
+ padding: 12px;
557
+ /* border: 1px solid gray; */
558
+ border-radius: 4px;
559
+ box-shadow: 0 0 24px 0 #00000010;
560
+ display: grid;
561
+ gap: 8px;
562
+ width: 227px;
563
+ right: 0px;
564
+ .overlay_body_opt {
565
+ display: flex;
566
+ gap: 12px;
567
+ height: 50px;
568
+ width: 100%;
569
+ align-items: center;
570
+ justify-content: space-between;
571
+ padding: 8px;
572
+ .overlay_body_opt_tittle {
573
+ display: flex;
574
+ align-items: center;
575
+ gap: 3px;
576
+ }
577
+ }
578
+ }
@@ -0,0 +1,52 @@
1
+ .empty_template {
2
+ display: flex;
3
+ flex-direction: column;
4
+ justify-content: center;
5
+ align-items: center;
6
+ height: 100%;
7
+
8
+ h3 {
9
+ font-size: 16px;
10
+ color: var(--_gray-900);
11
+ font-weight: 600;
12
+ margin-bottom: 10px;
13
+ }
14
+ p {
15
+ font-size: 12px;
16
+ color: var(--_gray-600);
17
+ }
18
+ }
19
+
20
+ .bulk_order_pad_empty_msg_container {
21
+ display: flex;
22
+ width: 100%;
23
+ flex-direction: column;
24
+ gap: 6px;
25
+ align-items: center;
26
+ justify-content: center;
27
+ flex: 1 1 auto;
28
+ width: 100%;
29
+ display: flex;
30
+ flex-direction: column;
31
+ justify-content: center;
32
+ align-items: center;
33
+ img {
34
+ max-width: 100px;
35
+ max-height: 100px;
36
+ }
37
+
38
+ .bulk_order_pad_empty_msg {
39
+ font-family: "Lato";
40
+ font-weight: 700;
41
+ font-size: 24px;
42
+ color: var(--_gray-900);
43
+ line-height: 32px;
44
+ }
45
+
46
+ .bulk_order_pad_support_msg {
47
+ font-family: "Lato";
48
+ font-size: 14px;
49
+ line-height: 20px;
50
+ color: var(--_gray-900);
51
+ }
52
+ }