From a4543e17f94dd3eb3d35f481aafa95515a4e4d77 Mon Sep 17 00:00:00 2001 From: abhinandan-verma Date: Mon, 22 Jul 2024 02:42:07 +0530 Subject: [PATCH 1/4] fix(navbar): fixed the height when style h-full --- .changeset/brown-days-applaud.md | 5 +++++ packages/core/theme/src/components/navbar.ts | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 .changeset/brown-days-applaud.md diff --git a/.changeset/brown-days-applaud.md b/.changeset/brown-days-applaud.md new file mode 100644 index 0000000000..4a8909bfc2 --- /dev/null +++ b/.changeset/brown-days-applaud.md @@ -0,0 +1,5 @@ +--- +"@nextui-org/theme": patch +--- + +fixed the navbar height when `h-full`(#1694) diff --git a/packages/core/theme/src/components/navbar.ts b/packages/core/theme/src/components/navbar.ts index e1ef852de2..93a7468020 100644 --- a/packages/core/theme/src/components/navbar.ts +++ b/packages/core/theme/src/components/navbar.ts @@ -52,7 +52,7 @@ const navbar = tv({ "flex", "z-40", "w-full", - "h-auto", + "max-h-[var(--navbar-height)]", "items-center", "justify-center", "data-[menu-open=true]:border-none", From 626e0e0cae4d7d63dd903bac3eefa685b7924466 Mon Sep 17 00:00:00 2001 From: abhinandan-verma Date: Mon, 22 Jul 2024 02:57:20 +0530 Subject: [PATCH 2/4] fix(navbar): fixed the height when style h-full --- packages/core/theme/src/components/navbar.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/core/theme/src/components/navbar.ts b/packages/core/theme/src/components/navbar.ts index 93a7468020..e1ef852de2 100644 --- a/packages/core/theme/src/components/navbar.ts +++ b/packages/core/theme/src/components/navbar.ts @@ -52,7 +52,7 @@ const navbar = tv({ "flex", "z-40", "w-full", - "max-h-[var(--navbar-height)]", + "h-auto", "items-center", "justify-center", "data-[menu-open=true]:border-none", From 1bb4c0887a14b572846774e7d0b5d1dde860e744 Mon Sep 17 00:00:00 2001 From: abhinandan-verma Date: Tue, 30 Jul 2024 20:34:06 +0530 Subject: [PATCH 3/4] docs(card,badge): added slots section --- apps/docs/content/docs/components/badge.mdx | 10 ++++++++++ apps/docs/content/docs/components/card.mdx | 13 +++++++++++++ 2 files changed, 23 insertions(+) diff --git a/apps/docs/content/docs/components/badge.mdx b/apps/docs/content/docs/components/badge.mdx index a4d2316adf..a7f57d4f1c 100644 --- a/apps/docs/content/docs/components/badge.mdx +++ b/apps/docs/content/docs/components/badge.mdx @@ -89,6 +89,16 @@ Instead, consider supplying a comprehensive description, such as using `aria-lab +## Slots + +The Badge component has two slots: + +- **base**: The base slot for the badge, which is the container of the badge. + +- **badge**: The main slot for the badge content, which is the content of the badge. + + + ## API ### Badge Props diff --git a/apps/docs/content/docs/components/card.mdx b/apps/docs/content/docs/components/card.mdx index 31a52a66da..35ebd17309 100644 --- a/apps/docs/content/docs/components/card.mdx +++ b/apps/docs/content/docs/components/card.mdx @@ -93,6 +93,19 @@ You can use `Image` component as the cover of the card by taking it out of the ` +## Slots + +- **base**: + The main container of the card, where the header, body, and footer are placed. +- **header**: + The header of the card, usually used for the title. +- **body**: + The body of the card, where the main content is placed. +- **footer**: + The footer of the card, usually used for actions. + + + ## Data Attributes `Card` has the following attributes on the `base` element: From 0424f0ca3f76191ccd7b6e88e2a56720b3a71953 Mon Sep 17 00:00:00 2001 From: Abhinandan Date: Tue, 30 Jul 2024 20:40:12 +0530 Subject: [PATCH 4/4] Delete .changeset/brown-days-applaud.md --- .changeset/brown-days-applaud.md | 5 ----- 1 file changed, 5 deletions(-) delete mode 100644 .changeset/brown-days-applaud.md diff --git a/.changeset/brown-days-applaud.md b/.changeset/brown-days-applaud.md deleted file mode 100644 index 4a8909bfc2..0000000000 --- a/.changeset/brown-days-applaud.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@nextui-org/theme": patch ---- - -fixed the navbar height when `h-full`(#1694)