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: },
{ name: "IconButton", element: },
{ name: "Input", element: [
- ,
- ,
-
- ]},
+ ,
+ ,
+
+ ]},
{ name: "Textarea", element: },
{ name: "Checkbox", element: },
{ name: "Switch", element: 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);
}
}
}