fix: #241 - min height for button component

PrestaShopCorp · Nov 14, 2023 · e1e18de · e1e18de
1 parent cfd90f4
commit e1e18de
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/packages/tailwind-preset/theme.js b/packages/tailwind-preset/theme.js
@@ -93,6 +93,11 @@ module.exports = {
     screens: {
       xs: '320px',
     },
+    minHeight: {
+      sm: '1.75rem',
+      md: '2.25rem',
+      lg: '3rem',
+    },
     opacity: {
       overlay: '0.8',
     },

diff --git a/packages/theme/src/alert.scss b/packages/theme/src/alert.scss
@@ -46,7 +46,7 @@
     @extend .puik-body-default;
   }
   &__button {
-    @apply text-sm px-4 py-3 mt-2 ml-9 md:m-0 h-auto;
+    @apply mt-2 ml-9 md:m-0;
   }
   &__icon {
     @apply mt-0.5 flex-shrink-0;

diff --git a/packages/theme/src/button.scss b/packages/theme/src/button.scss
@@ -6,16 +6,16 @@
 
   &--sm {
     @extend .puik-text-button-small;
-    @apply py-1 px-2 h-7;
+    @apply py-1 px-2 min-h-sm;
   }
 
   &--md {
-    @apply h-9;
+    @apply min-h-md;
   }
 
   &--lg {
     @extend .puik-text-button-large;
-    @apply py-3.5 px-4 gap-3 h-12;
+    @apply py-3.5 px-4 gap-3 min-h-lg;
   }
 
   &--fluid {