@tiddh/brave-vue 1.93.227 → 1.93.229

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.
Files changed (4) hide show
  1. package/dist/src/Card/CatalogProduct.vue +8 -5
  2. package/dist/src/CatalogProduct.vue +8 -5
  3. package/dist/src/components/Card/CatalogProduct.vue +8 -5
  4. package/package.json +1 -1
package/dist/src/Card/CatalogProduct.vue CHANGED
@@ -472,6 +472,7 @@ export default {
472
472
  top: -px-size("sm", $spacing-stack-xl);
473
473
  border-radius: px-size("sm", $border-radius-sm);
474
474
  -webkit-border-radius: px-size("sm", $border-radius-sm);
475
+ margin: 0 auto;
475
476
  }
476
477
 
477
478
  img.lazy {
@@ -672,8 +673,6 @@ export default {
672
673
  }
673
674
 
674
675
  .text-description {
675
- display: block;
676
- // width: 80%;
677
676
  text-align: left;
678
677
  font-family: Nunito;
679
678
  font-size: px-size("lg", 14px);
@@ -689,6 +688,8 @@ export default {
689
688
  padding: px-size("lg", $spacing-stack-xs) 0px;
690
689
  border-radius: px-size("lg", $border-radius-md);
691
690
  -webkit-border-radius: px-size("lg", $border-radius-md);
691
+ height: px-size("lg", 84px);
692
+ display: flex;
692
693
 
693
694
  @include media-breakpoint-down("sm") {
694
695
  font-size: px-size("sm", 14px);
@@ -698,6 +699,7 @@ export default {
698
699
  border-radius: px-size("sm", $border-radius-md);
699
700
  -webkit-border-radius: px-size("sm", $border-radius-md);
700
701
  margin-top: px-size("sm", $spacing-stack-sm);
702
+ height: px-size("sm", 84px);
701
703
  }
702
704
 
703
705
  .text-description-title {
@@ -729,8 +731,9 @@ export default {
729
731
 
730
732
  @include media-breakpoint-down("sm") {
731
733
  padding: px-size("sm", $spacing-inset-sm);
732
- padding-left: px-size("sm", $spacing-inline-sm);
733
- padding-right: px-size("sm", $spacing-inline-sm);
734
+ padding-left: px-size("sm", $spacing-inline-xs);
735
+ padding-right: px-size("sm", $spacing-inline-xs);
736
+ padding-top: px-size("sm", $spacing-stack-sm);
734
737
  padding-bottom: 0px;
735
738
  width: 100%;
736
739
  }
@@ -762,7 +765,7 @@ export default {
762
765
  flex-direction: row;
763
766
  padding: px-size("lg", $spacing-inline-sm) px-size("lg", $spacing-inline-md);
764
767
  @include media-breakpoint-down("sm") {
765
- padding: px-size("sm", $spacing-inline-xs) px-size("sm", $spacing-inline-sm);
768
+ padding: px-size("sm", $spacing-inline-xs) px-size("sm", $spacing-inline-xs);
766
769
  padding-bottom: px-size("sm", $spacing-stack-sm);
767
770
  flex-wrap: wrap;
768
771
  }
package/dist/src/CatalogProduct.vue CHANGED
@@ -472,6 +472,7 @@ export default {
472
472
  top: -px-size("sm", $spacing-stack-xl);
473
473
  border-radius: px-size("sm", $border-radius-sm);
474
474
  -webkit-border-radius: px-size("sm", $border-radius-sm);
475
+ margin: 0 auto;
475
476
  }
476
477
 
477
478
  img.lazy {
@@ -672,8 +673,6 @@ export default {
672
673
  }
673
674
 
674
675
  .text-description {
675
- display: block;
676
- // width: 80%;
677
676
  text-align: left;
678
677
  font-family: Nunito;
679
678
  font-size: px-size("lg", 14px);
@@ -689,6 +688,8 @@ export default {
689
688
  padding: px-size("lg", $spacing-stack-xs) 0px;
690
689
  border-radius: px-size("lg", $border-radius-md);
691
690
  -webkit-border-radius: px-size("lg", $border-radius-md);
691
+ height: px-size("lg", 84px);
692
+ display: flex;
692
693
 
693
694
  @include media-breakpoint-down("sm") {
694
695
  font-size: px-size("sm", 14px);
@@ -698,6 +699,7 @@ export default {
698
699
  border-radius: px-size("sm", $border-radius-md);
699
700
  -webkit-border-radius: px-size("sm", $border-radius-md);
700
701
  margin-top: px-size("sm", $spacing-stack-sm);
702
+ height: px-size("sm", 84px);
701
703
  }
702
704
 
703
705
  .text-description-title {
@@ -729,8 +731,9 @@ export default {
729
731
 
730
732
  @include media-breakpoint-down("sm") {
731
733
  padding: px-size("sm", $spacing-inset-sm);
732
- padding-left: px-size("sm", $spacing-inline-sm);
733
- padding-right: px-size("sm", $spacing-inline-sm);
734
+ padding-left: px-size("sm", $spacing-inline-xs);
735
+ padding-right: px-size("sm", $spacing-inline-xs);
736
+ padding-top: px-size("sm", $spacing-stack-sm);
734
737
  padding-bottom: 0px;
735
738
  width: 100%;
736
739
  }
@@ -762,7 +765,7 @@ export default {
762
765
  flex-direction: row;
763
766
  padding: px-size("lg", $spacing-inline-sm) px-size("lg", $spacing-inline-md);
764
767
  @include media-breakpoint-down("sm") {
765
- padding: px-size("sm", $spacing-inline-xs) px-size("sm", $spacing-inline-sm);
768
+ padding: px-size("sm", $spacing-inline-xs) px-size("sm", $spacing-inline-xs);
766
769
  padding-bottom: px-size("sm", $spacing-stack-sm);
767
770
  flex-wrap: wrap;
768
771
  }
package/dist/src/components/Card/CatalogProduct.vue CHANGED
@@ -472,6 +472,7 @@ export default {
472
472
  top: -px-size("sm", $spacing-stack-xl);
473
473
  border-radius: px-size("sm", $border-radius-sm);
474
474
  -webkit-border-radius: px-size("sm", $border-radius-sm);
475
+ margin: 0 auto;
475
476
  }
476
477
 
477
478
  img.lazy {
@@ -672,8 +673,6 @@ export default {
672
673
  }
673
674
 
674
675
  .text-description {
675
- display: block;
676
- // width: 80%;
677
676
  text-align: left;
678
677
  font-family: Nunito;
679
678
  font-size: px-size("lg", 14px);
@@ -689,6 +688,8 @@ export default {
689
688
  padding: px-size("lg", $spacing-stack-xs) 0px;
690
689
  border-radius: px-size("lg", $border-radius-md);
691
690
  -webkit-border-radius: px-size("lg", $border-radius-md);
691
+ height: px-size("lg", 84px);
692
+ display: flex;
692
693
 
693
694
  @include media-breakpoint-down("sm") {
694
695
  font-size: px-size("sm", 14px);
@@ -698,6 +699,7 @@ export default {
698
699
  border-radius: px-size("sm", $border-radius-md);
699
700
  -webkit-border-radius: px-size("sm", $border-radius-md);
700
701
  margin-top: px-size("sm", $spacing-stack-sm);
702
+ height: px-size("sm", 84px);
701
703
  }
702
704
 
703
705
  .text-description-title {
@@ -729,8 +731,9 @@ export default {
729
731
 
730
732
  @include media-breakpoint-down("sm") {
731
733
  padding: px-size("sm", $spacing-inset-sm);
732
- padding-left: px-size("sm", $spacing-inline-sm);
733
- padding-right: px-size("sm", $spacing-inline-sm);
734
+ padding-left: px-size("sm", $spacing-inline-xs);
735
+ padding-right: px-size("sm", $spacing-inline-xs);
736
+ padding-top: px-size("sm", $spacing-stack-sm);
734
737
  padding-bottom: 0px;
735
738
  width: 100%;
736
739
  }
@@ -762,7 +765,7 @@ export default {
762
765
  flex-direction: row;
763
766
  padding: px-size("lg", $spacing-inline-sm) px-size("lg", $spacing-inline-md);
764
767
  @include media-breakpoint-down("sm") {
765
- padding: px-size("sm", $spacing-inline-xs) px-size("sm", $spacing-inline-sm);
768
+ padding: px-size("sm", $spacing-inline-xs) px-size("sm", $spacing-inline-xs);
766
769
  padding-bottom: px-size("sm", $spacing-stack-sm);
767
770
  flex-wrap: wrap;
768
771
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tiddh/brave-vue",
3
- "version": "1.93.227",
3
+ "version": "1.93.229",
4
4
  "private": false,
5
5
  "main": "dist/brave-vue.ssr.js",
6
6
  "browser": "dist/brave-vue.esm.js",