[docs] Fix logo is not centered on small screens (#45920)

crabsim · crabsim3105 · web-flow · commit 06b1bbba966e · 2025-04-15T22:29:40.000+05:30
Co-authored-by: Simran Gangwani &lt;gsimran@netapp.com&gt;
diff --git a/docs/src/modules/components/AppFrame.tsx b/docs/src/modules/components/AppFrame.tsx
@@ -213,7 +213,7 @@ export default function AppFrame(props: AppFrameProps) {
             >
               <SvgHamburgerMenu />
             </NavIconButton>
-            <Box sx={{ display: { md: 'flex', lg: 'none' } }}>
+            <Box sx={{ display: { xs: 'flex', md: 'flex', lg: 'none' } }}>
               <LogoWithCopyMenu
                 logo={productIdentifier.logo}
                 logoSvgString={productIdentifier.logoSvg}

Original file line number	Diff line number	Diff line change
`@@ -213,7 +213,7 @@ export default function AppFrame(props: AppFrameProps) {`
`213`	`213`	`>`
`214`	`214`	`<SvgHamburgerMenu />`
`215`	`215`	`</NavIconButton>`
`216`		`- <Box sx={{ display: { md: 'flex', lg: 'none' } }}>`
	`216`	`+ <Box sx={{ display: { xs: 'flex', md: 'flex', lg: 'none' } }}>`
`217`	`217`	`<LogoWithCopyMenu`
`218`	`218`	`logo={productIdentifier.logo}`
`219`	`219`	`logoSvgString={productIdentifier.logoSvg}`