Skip to content

Commit 781b855

Browse files
macci001Maharshi Alpeshwingkwong
authored
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]>
1 parent 66f1738 commit 781b855

File tree

3 files changed

+10
-1
lines changed

3 files changed

+10
-1
lines changed

.changeset/fast-horses-explode.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@nextui-org/theme": patch
3+
---
4+
5+
fix the fullWidth variant in input and select component. (#3745)

packages/core/theme/src/components/input.ts

+1
Original file line numberDiff line numberDiff line change
@@ -185,6 +185,7 @@ const input = tv({
185185
true: {
186186
base: "w-full",
187187
},
188+
false: {},
188189
},
189190
isClearable: {
190191
true: {

packages/core/theme/src/components/select.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import {tv} from "../utils/tv";
55

66
const select = tv({
77
slots: {
8-
base: ["group inline-flex flex-col relative w-full"],
8+
base: ["group inline-flex flex-col relative"],
99
label: [
1010
"block",
1111
"absolute",
@@ -146,6 +146,9 @@ const select = tv({
146146
true: {
147147
base: "w-full",
148148
},
149+
false: {
150+
base: "min-w-40",
151+
},
149152
},
150153
isDisabled: {
151154
true: {

0 commit comments

Comments
 (0)