Skip to content

Commit

Permalink
fix(theme): fullWidth in input and select (#3768)
Browse files Browse the repository at this point in the history
* fix(input): fixing the fullWidth functionality

* chore(changeset): add issue number

* chore(changeset): revise changeset message

---------

Co-authored-by: Maharshi Alpesh <maharshialpesh@Maharshi-Book.local>
Co-authored-by: WK Wong <wingkwong.code@gmail.com>
  • Loading branch information
3 people authored Oct 3, 2024
1 parent 66f1738 commit 781b855
Show file tree
Hide file tree
Showing 3 changed files with 10 additions and 1 deletion.
5 changes: 5 additions & 0 deletions .changeset/fast-horses-explode.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"@nextui-org/theme": patch
---

fix the fullWidth variant in input and select component. (#3745)
1 change: 1 addition & 0 deletions packages/core/theme/src/components/input.ts
Original file line number Diff line number Diff line change
Expand Up @@ -185,6 +185,7 @@ const input = tv({
true: {
base: "w-full",
},
false: {},
},
isClearable: {
true: {
Expand Down
5 changes: 4 additions & 1 deletion packages/core/theme/src/components/select.ts
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand Down Expand Up @@ -146,6 +146,9 @@ const select = tv({
true: {
base: "w-full",
},
false: {
base: "min-w-40",
},
},
isDisabled: {
true: {
Expand Down

0 comments on commit 781b855

Please sign in to comment.