archive-gh-me/nextui
1
0
Fork 0
mirror of https://github.com/nextui-org/nextui.git synced 2025-12-08 19:26:11 +00:00
Code Issues Projects Releases Wiki Activity

fix(theme): clear button in mobile (#5252)

Browse Source 
* fix(toast): fixed close button hover position

* fix(input): fixed the clear button rendering on smaller devices

* Delete .changeset/soft-spoons-march.md

* Update input.ts

* Undo unrelated toast changes
This commit is contained in:
Vishv Salvi 2025-06-01 22:19:17 +05:30 committed by GitHub
parent d40c744f46
commit ee4d2ebe25
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/kind-dolphins-listen.md Normal file
View File

@ -0,0 +1,5 @@
---
"@heroui/theme": patch
---
Fixed the clear button rendering for smaller devices (#5069)

5
packages/core/theme/src/components/input.ts
View File

@ -61,7 +61,6 @@ const input = tv({
"outline-none", "outline-none",
"select-none", "select-none",
"opacity-0", "opacity-0",
"hover:!opacity-100",
"cursor-pointer", "cursor-pointer",
"active:!opacity-70", "active:!opacity-70",
"rounded-full", "rounded-full",
@ -143,13 +142,13 @@ const input = tv({
md: { md: {
inputWrapper: "h-10 min-h-10 rounded-medium", inputWrapper: "h-10 min-h-10 rounded-medium",
input: "text-small", input: "text-small",
clearButton: "text-large", clearButton: "text-large hover:!opacity-100",
}, },
lg: { lg: {
label: "text-medium", label: "text-medium",
inputWrapper: "h-12 min-h-12 rounded-large", inputWrapper: "h-12 min-h-12 rounded-large",
input: "text-medium", input: "text-medium",
clearButton: "text-large", clearButton: "text-large hover:!opacity-100",
}, },
}, },
radius: { radius: {