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): missing tw nested groups in docs (#3751)

Browse Source
This commit is contained in:
աӄա 2024-09-14 15:41:27 +08:00 committed by GitHub
parent def45d4d7a
commit 4a0739fe67
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
8 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/docs/app/examples/perf/page.tsx
View File

@ -106,7 +106,7 @@ const MyInput = extendVariants(Input, {
"focus-within:bg-zinc-100", "focus-within:bg-zinc-100",
"data-[hover=true]:border-zinc-600", "data-[hover=true]:border-zinc-600",
"data-[hover=true]:bg-zinc-100", "data-[hover=true]:bg-zinc-100",
"group-data-[focus=true]:border-zinc-600", "group-data-[focus=true]/input:border-zinc-600",
// dark theme // dark theme
"dark:bg-zinc-900", "dark:bg-zinc-900",
"dark:border-zinc-800", "dark:border-zinc-800",

2
apps/docs/components/theme-switch.tsx
View File

@ -57,7 +57,7 @@ export const ThemeSwitch: FC<ThemeSwitchProps> = ({className, classNames}) => {
"bg-transparent", "bg-transparent",
"rounded-lg", "rounded-lg",
"flex items-center justify-center", "flex items-center justify-center",
"group-data-[selected=true]:bg-transparent", "group-data-[selected=true]/toggle:bg-transparent",
"!text-default-600 dark:!text-default-500", "!text-default-600 dark:!text-default-500",
"pt-px", "pt-px",
"px-0", "px-0",

4
apps/docs/content/components/input/custom-styles.ts
View File

@ -52,8 +52,8 @@ export default function App() {
"backdrop-saturate-200", "backdrop-saturate-200",
"hover:bg-default-200/70", "hover:bg-default-200/70",
"dark:hover:bg-default/70", "dark:hover:bg-default/70",
"group-data-[focus=true]:bg-default-200/50", "group-data-[focus=true]/input:bg-default-200/50",
"dark:group-data-[focus=true]:bg-default/60", "dark:group-data-[focus=true]/input:bg-default/60",
"!cursor-text", "!cursor-text",
], ],
}} }}

2
apps/docs/content/components/select/custom-styles.ts
View File

@ -212,7 +212,7 @@ export default function App() {
className="max-w-xs" className="max-w-xs"
variant="bordered" variant="bordered"
classNames={{ classNames={{
label: "group-data-[filled=true]:-translate-y-5", label: "group-data-[filled=true]/select:-translate-y-5",
trigger: "min-h-16", trigger: "min-h-16",
listboxWrapper: "max-h-[400px]", listboxWrapper: "max-h-[400px]",
}} }}

8
apps/docs/content/components/switch/custom-styles.ts
View File

@ -11,12 +11,12 @@ export default function App() {
), ),
wrapper: "p-0 h-4 overflow-visible", wrapper: "p-0 h-4 overflow-visible",
thumb: cn("w-6 h-6 border-2 shadow-lg", thumb: cn("w-6 h-6 border-2 shadow-lg",
"group-data-[hover=true]:border-primary", "group-data-[hover=true]/toggle:border-primary",
//selected //selected
"group-data-[selected=true]:ml-6", "group-data-[selected=true]/toggle:ml-6",
// pressed // pressed
"group-data-[pressed=true]:w-7", "group-data-[pressed=true]/toggle:w-7",
"group-data-[selected]:group-data-[pressed]:ml-4", "group-data-[selected]:group-data-[pressed]/toggle:ml-4",
), ),
}} }}
> >

2
apps/docs/content/customization/custom-variants/slots-component.ts
View File

@ -47,7 +47,7 @@ const MyInput = extendVariants(Input, {
"focus-within:bg-zinc-100", "focus-within:bg-zinc-100",
"data-[hover=true]:border-zinc-600", "data-[hover=true]:border-zinc-600",
"data-[hover=true]:bg-zinc-100", "data-[hover=true]:bg-zinc-100",
"group-data-[focus=true]:border-zinc-600", "group-data-[focus=true]/input:border-zinc-600",
"dark:bg-zinc-900", "dark:bg-zinc-900",
"dark:border-zinc-800", "dark:border-zinc-800",
"dark:data-[hover=true]:bg-zinc-900", "dark:data-[hover=true]:bg-zinc-900",

2
apps/docs/content/docs/customization/custom-variants.mdx
View File

@ -133,7 +133,7 @@ const MyInput = extendVariants(Input, {
"focus-within:bg-zinc-100", "focus-within:bg-zinc-100",
"data-[hover=true]:border-zinc-600", "data-[hover=true]:border-zinc-600",
"data-[hover=true]:bg-zinc-100", "data-[hover=true]:bg-zinc-100",
"group-data-[focus=true]:border-zinc-600", "group-data-[focus=true]/input:border-zinc-600",
// dark theme // dark theme
"dark:bg-zinc-900", "dark:bg-zinc-900",
"dark:border-zinc-800", "dark:border-zinc-800",

2
packages/components/select/stories/select.stories.tsx
View File

@ -505,7 +505,7 @@ const CustomStylesTemplate = ({color, variant, ...args}: SelectProps<User>) => {
<Select <Select
className="max-w-xs" className="max-w-xs"
classNames={{ classNames={{
label: "group-data-[filled=true]:-translate-y-5", label: "group-data-[filled=true]/select:-translate-y-5",
trigger: "min-h-16", trigger: "min-h-16",
listboxWrapper: "max-h-[400px]", listboxWrapper: "max-h-[400px]",
}} }}