@omniumretail/component-library 1.0.68 → 1.0.70

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/main.css CHANGED
@@ -865,13 +865,14 @@ Label {
865
865
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/CategoryResponse/styles.module.scss ***!
866
866
  \*************************************************************************************************************************************************************************/
867
867
  .rdjN4ln3xiUoa6Q0NMMm {
868
- display: grid;
869
- grid-template-columns: 1fr;
868
+ display: flex;
869
+ flex-direction: column;
870
870
  gap: 16px;
871
871
  height: 100%;
872
872
  }
873
873
  @media (min-width: 600px) {
874
874
  .rdjN4ln3xiUoa6Q0NMMm {
875
+ display: grid;
875
876
  grid-template-columns: 220px auto;
876
877
  }
877
878
  }
@@ -884,12 +885,12 @@ Label {
884
885
  .Q4flbvKEPN6Jx9Cob22I {
885
886
  background: #EBECED;
886
887
  overflow: auto;
887
- padding: 20px 20px 0 20px;
888
- max-height: 80px;
888
+ padding: 20px;
889
889
  }
890
- @media (min-width: 768px) {
890
+ @media (max-width: 599px) {
891
891
  .Q4flbvKEPN6Jx9Cob22I {
892
- padding: 20px;
892
+ padding: 20px 20px 0 20px;
893
+ max-height: 80px;
893
894
  }
894
895
  }
895
896
 
@@ -898,6 +899,11 @@ Label {
898
899
  overflow: auto;
899
900
  padding: 20px;
900
901
  }
902
+ @media (max-width: 599px) {
903
+ .hK3soC6m563VuiLnNutq {
904
+ height: 100%;
905
+ }
906
+ }
901
907
 
902
908
  .guqqOMHeZE56Bg2p5Ad8 {
903
909
  font-size: var(--font-size-body-2);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@omniumretail/component-library",
3
- "version": "1.0.68",
3
+ "version": "1.0.70",
4
4
  "private": false,
5
5
  "main": "dist/bundle.js",
6
6
  "typings": "./dist/types/index",
@@ -1,10 +1,11 @@
1
1
  .categoryResponse {
2
- display: grid;
3
- grid-template-columns: 1fr;
2
+ display: flex;
3
+ flex-direction: column;
4
4
  gap: 16px;
5
5
  height: 100%;
6
6
 
7
7
  @media(min-width: 600px) {
8
+ display: grid;
8
9
  grid-template-columns: 220px auto;
9
10
  }
10
11
 
@@ -16,11 +17,11 @@
16
17
  .sidebarWrapper {
17
18
  background: #EBECED;
18
19
  overflow: auto;
19
- padding: 20px 20px 0 20px;
20
- max-height: 80px;
20
+ padding: 20px;
21
21
 
22
- @media(min-width: 768px) {
23
- padding: 20px;
22
+ @media(max-width: 599px) {
23
+ padding: 20px 20px 0 20px;
24
+ max-height: 80px;
24
25
  }
25
26
  }
26
27
 
@@ -28,6 +29,10 @@
28
29
  background: var(--color-white);
29
30
  overflow: auto;
30
31
  padding: 20px;
32
+
33
+ @media(max-width: 599px) {
34
+ height: 100%;
35
+ }
31
36
  }
32
37
 
33
38
  .title {