fix: correct small ui issues

shopware · Nov 5, 2024 · c319798 · c319798
1 parent cced74a
commit c319798
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/...brary/src/components/form/_internal/mt-select-base/_internal/mt-select-selection-list.vue b/...brary/src/components/form/_internal/mt-select-base/_internal/mt-select-selection-list.vue
@@ -278,6 +278,7 @@ export default defineComponent({
     display: inline-block;
     min-width: 200px;
     padding: 12px 16px 12px 8px;
+    height: 100%;
 
     &::placeholder {
       color: lighten($color-darkgray-200, 25%);

diff --git a/packages/component-library/src/components/form/mt-number-field/mt-number-field.vue b/packages/component-library/src/components/form/mt-number-field/mt-number-field.vue
@@ -385,6 +385,7 @@ export default defineComponent({
     transition: all 0.15s ease-out;
     width: 100%;
     flex: 1;
+    text-align: center;
 
     &:is(:hover, :focus-visible) {
       background-color: var(--color-interaction-secondary-hover);

diff --git a/packages/component-library/src/components/form/mt-password-field/mt-password-field.vue b/packages/component-library/src/components/form/mt-password-field/mt-password-field.vue
@@ -159,10 +159,13 @@ export default defineComponent({
   right: 0.5rem;
   top: 50%;
   transform: translate(0, -50%);
-  padding: 0.5rem;
   border-radius: var(--border-radius-button);
   outline-color: var(--color-border-brand-selected);
   transition: all 0.15s ease-out;
+  width: 2.25rem;
+  height: 2.25rem;
+  display: grid;
+  place-items: center;
 
   &:is(:hover, :focus-visible) {
     background-color: var(--color-interaction-secondary-hover);