fix: fix some issues with select component

PrestaShopCorp · Oct 26, 2023 · 4b6f352 · 4b6f352
1 parent 44585ad
commit 4b6f352
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/theme/src/option.scss b/packages/theme/src/option.scss
@@ -1,5 +1,5 @@
 .puik-option {
-  @apply relative cursor-default select-none py-2 px-2 text-primary-800 transition-colors;
+  @apply flex place-content-between relative cursor-default select-none p-2 text-primary-800 transition-colors;
   &--selected {
     @apply bg-primary-300;
   }
@@ -19,6 +19,6 @@
     @apply font-primary font-normal block truncate;
   }
   &__selected-icon {
-    @apply font-materialIcons absolute inset-y-0 right-0 flex items-center w-5 mr-3;
+    @apply font-materialIcons inset-y-0 right-0 flex items-center w-5 ml-2;
   }
 }
diff --git a/packages/theme/src/select.scss b/packages/theme/src/select.scss
@@ -37,10 +37,10 @@
     @apply p-2 truncate;
   }
   &__options {
-    @apply absolute mt-2 rounded bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5
+    @apply absolute bg-white text-base shadow-lg ring-1 ring-black ring-opacity-5
     focus-visible:outline-none sm:text-sm overflow-x-hidden;
     &--full-width {
-      @apply w-max;
+      @apply min-w-full w-max;
     }
   }
   &__options-list {