From 52189f8438a0e2588a9c25bd10f24833db8060ea Mon Sep 17 00:00:00 2001
From: JExcellence | Justin <justin.eiletz@outlook.com>
Date: Tue, 18 Nov 2025 23:41:26 +0100
Subject: [PATCH] fix(ui): adjust Input component height for placeholder-only
 inputs

add ./idea to .gitignore
---
 .gitignore                                      |  1 +
 apps/dev/src/components/ComponentsCheckPage.tsx |  8 ++++----
 packages/core/src/components/Input.module.scss  | 12 +++++++-----
 3 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/.gitignore b/.gitignore
index 564ef29..e8f7ec9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,6 +2,7 @@
 
 # dependencies
 /node_modules
+/.idea
 /.pnp
 .pnp.js
 .yarn/install-state.gz
diff --git a/apps/dev/src/components/ComponentsCheckPage.tsx b/apps/dev/src/components/ComponentsCheckPage.tsx
index bb8a797..1a4e3af 100644
--- a/apps/dev/src/components/ComponentsCheckPage.tsx
+++ b/apps/dev/src/components/ComponentsCheckPage.tsx
@@ -138,10 +138,10 @@ export default function ComponentsCheck() {
                 { name: "Button", element: <Button>Click me</Button> },
                 { name: "IconButton", element: <IconButton icon="heart" /> },
                 { name: "Input", element: [
-                    <Input key={"input-1"} id="input-test" placeholder="label"/>,
-                    <Input key={"input-2"} id="input-test-2" placeholder="label" label="label test"/>,
-                    <Input key={"input-3"} id="input-test-3" label="label test"/>
-                ]},
+                        <Input key={"input-1"} id="input-test" placeholder="label"/>,
+                        <Input key={"input-2"} id="input-test-2" placeholder="label" label="label test"/>,
+                        <Input key={"input-3"} id="input-test-3" label="label test"/>
+                    ]},
                 { name: "Textarea", element: <Textarea id="textarea-test" placeholder="Enter text..." lines={3} /> },
                 { name: "Checkbox", element: <Checkbox label="Checkbox" /> },
                 { name: "Switch", element: <Switch isChecked={false} onToggle={() => console.log()} label="Toggle" /> },
diff --git a/packages/core/src/components/Input.module.scss b/packages/core/src/components/Input.module.scss
index bad9cd8..195945b 100644
--- a/packages/core/src/components/Input.module.scss
+++ b/packages/core/src/components/Input.module.scss
@@ -6,10 +6,8 @@
         border-color: var(--neutral-border-medium);
     }
 
-    &:has(.placeholder):has(.floating) {
-        .placeholder {
-          padding-top: var(--static-space-12);
-        }
+    &:has(.placeholder) {
+        min-height: var(--static-space-48);
     }
 }
 
@@ -61,9 +59,13 @@
 .s {
     min-height: var(--static-space-48);
 
+    &:has(.placeholder) {
+        min-height: var(--static-space-40);
+    }
+
     .label {
         &.floating {
-            top: calc(var(--static-space-4) - var(--static-space-1));
+            top: var(--static-space-4);
         }
     }
 }