fix(input): define an explicit height for small sized input

statistikZH · Dec 5, 2024 · b25bedb · b25bedb
1 parent 7ba78e8
commit b25bedb
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/input/input.css b/src/components/input/input.css
@@ -24,6 +24,9 @@
   --input-font-regular: var(--leu-font-family-regular);
   --input-font-black: var(--leu-font-family-black);
 
+  --input-height: 4.5rem;
+  --input-height-small: 3rem;
+
   display: block;
   font-family: var(--input-font-regular);
 }
@@ -78,14 +81,15 @@
   background: var(--leu-color-black-0);
 
   padding-block: 2rem 1rem;
-  height: calc(4.5rem - var(--input-border-width) * 2);
+  height: calc(var(--input-height) - var(--input-border-width) * 2);
 }
 
 .input:focus-visible {
   outline: none;
 }
 
 :host([size="small"]) .input {
+  --input-height: var(--input-height-small);
   padding-block: 0.75rem;
 }