miel.truyen/nx
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

docs(nx-dev): adjust Popover.Panel max-width in small screens (#31331)

Browse Source 
Updated the `max-w` property to use `max-w-xl` by default and `xl:max-w-2xl` for larger screens.
This commit is contained in:
Benjamin Cabanes 2025-05-25 11:27:37 -04:00 committed by GitHub
parent e2b3acaa37
commit 3ea50eb0e7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
nx-dev/ui-common/src/lib/headers/header.tsx
View File

@ -157,7 +157,7 @@ export function Header({ ctaButtons }: HeaderProps): ReactElement {
leaveFrom="opacity-100 translate-y-0" leaveFrom="opacity-100 translate-y-0"
leaveTo="opacity-0 translate-y-1" leaveTo="opacity-0 translate-y-1"
> >
<Popover.Panel className="absolute left-60 z-30 mt-3 w-max max-w-2xl -translate-x-1/2 transform lg:left-20"> <Popover.Panel className="absolute left-60 z-30 mt-3 w-max max-w-xl -translate-x-1/2 transform lg:left-20 xl:max-w-2xl">
<SectionsMenu <SectionsMenu
sections={{ sections={{
'Speed, Reliability and AI': solutionsItems, 'Speed, Reliability and AI': solutionsItems,
@ -267,7 +267,7 @@ export function Header({ ctaButtons }: HeaderProps): ReactElement {
leaveFrom="opacity-100 translate-y-0" leaveFrom="opacity-100 translate-y-0"
leaveTo="opacity-0 translate-y-1" leaveTo="opacity-0 translate-y-1"
> >
<Popover.Panel className="absolute left-60 z-30 mt-3 w-max max-w-2xl -translate-x-1/2 transform lg:left-20"> <Popover.Panel className="absolute left-60 z-30 mt-3 w-max max-w-xl -translate-x-1/2 transform lg:left-20 xl:max-w-2xl">
<SectionsMenu <SectionsMenu
sections={{ sections={{
'Nx for Enterprises': enterpriseItems, 'Nx for Enterprises': enterpriseItems,