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(docs): navbar with search input example (#1384)

Browse Source
This commit is contained in:
Junior Garcia 2023-08-12 23:53:22 -03:00 committed by GitHub
parent 4170ecdc76
commit d0341020e6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/curly-pandas-leave.md Normal file
View File

@ -0,0 +1,5 @@
---
"@nextui-org/theme": patch
---
Fix #1382 navbar with search input example, input main wrapper h-full class applied

3
apps/docs/app/examples/navbar/with-search-input/page.tsx
View File

@ -61,7 +61,8 @@ export default function Page() {
classNames={{
base: "max-w-full sm:max-w-[10rem] h-10",
input: "text-small",
inputWrapper: "font-normal text-default-500 bg-default-400/20 dark:bg-default-500/20",
inputWrapper:
"h-full font-normal text-default-500 bg-default-400/20 dark:bg-default-500/20",
}}
placeholder="Type to search..."
startContent={<SearchLinearIcon size={18} />}

5
apps/docs/content/components/navbar/with-search-input.ts
View File

@ -79,12 +79,13 @@ export default function App() {
<Input
classNames={{
base: "max-w-full sm:max-w-[10rem] h-10",
mainWrapper: "h-full",
input: "text-small",
inputWrapper: "font-normal text-default-500 bg-default-400/20 dark:bg-default-500/20",
inputWrapper: "h-full font-normal text-default-500 bg-default-400/20 dark:bg-default-500/20",
}}
placeholder="Type to search..."
size="sm"
startContent={<SearchLinearIcon size={18} />}
startContent={<SearchIcon size={18} />}
type="search"
/>
<Dropdown placement="bottom-end">

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

@ -25,7 +25,7 @@ const input = tv({
slots: {
base: "group flex flex-col",
label: "block text-small font-medium text-foreground-600",
mainWrapper: "",
mainWrapper: "h-full",
inputWrapper: "relative w-full inline-flex flex-row items-center shadow-sm px-3 gap-3",
innerWrapper: "inline-flex h-full items-center w-full gap-1.5 box-border",
input: "w-full h-full font-normal !bg-transparent outline-none placeholder:text-foreground-500",