fix: make use of design system label component in select

minor tweaks to make sure input and select behaves consistently
2025-06-13 16:23:11 +02:00
parent 4a00527d1d
commit 603c7dd2bf
7 changed files with 50 additions and 46 deletions
--- a/packages/design-system/lib/components/Input/input.module.css
+++ b/packages/design-system/lib/components/Input/input.module.css
@@ -6,7 +6,7 @@
  display: grid;
  min-width: 0; /* allow shrinkage */
  height: 56px;
-  padding: var(--Space-x15);
+  padding: 0 var(--Space-x15);
  box-sizing: border-box;
  cursor: text;

@@ -43,7 +43,7 @@
  &:focus,
  &:placeholder-shown,
  &[value]:not([value='']) {
-    height: 18px;
+    height: 24px;
    outline: none;
  }

@@ -54,7 +54,7 @@

@media (hover: hover) {
  .input:active:not(:disabled) {
-    height: 18px;
+    height: 24px;
    outline: none;
  }
 }