fix(theme): fullWidth in input and select (#3768)

* fix(input): fixing the fullWidth functionality * chore(changeset): add issue number * chore(changeset): revise changeset message --------- Co-authored-by: Maharshi Alpesh <[email protected]> Co-authored-by: WK Wong <[email protected]>
nextui-org · Oct 3, 2024 · 781b855 · 781b855
1 parent 66f1738
commit 781b855
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/.changeset/fast-horses-explode.md b/.changeset/fast-horses-explode.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+fix the fullWidth variant in input and select component. (#3745)
diff --git a/packages/core/theme/src/components/input.ts b/packages/core/theme/src/components/input.ts
@@ -185,6 +185,7 @@ const input = tv({
  true: {
  base: "w-full",
  },
+ false: {},
  },
  isClearable: {
  true: {

diff --git a/packages/core/theme/src/components/select.ts b/packages/core/theme/src/components/select.ts
@@ -5,7 +5,7 @@ import {tv} from "../utils/tv";
 
 const select = tv({
  slots: {
- base: ["group inline-flex flex-col relative w-full"],
+ base: ["group inline-flex flex-col relative"],
  label: [
  "block",
  "absolute",
@@ -146,6 +146,9 @@ const select = tv({
  true: {
  base: "w-full",
  },
+ false: {
+ base: "min-w-40",
+ },
  },
  isDisabled: {
  true: {