Format

packages/gitbook/src/components/Footer/Footer.tsx

@@ -48,7 +48,7 @@ export function Footer(props: { context: GitBookSiteContext }) {
                 >
                     <div
                         className={tcls(
-                            'mx-auto flex max-w-3xl flex-col justify-between gap-12 layout-full-width:max-w-screen-2xl @xs:grid @4xl:max-w-none!',
+                            'mx-auto flex @xs:grid @4xl:max-w-none! layout-full-width:max-w-screen-2xl max-w-3xl flex-col justify-between gap-12',
                             'grid-cols-[auto_auto]',
                             '@4xl:grid-cols-[18rem_minmax(auto,48rem)_auto]',
                             '@7xl:grid-cols-[18rem_minmax(auto,48rem)_14rem]',

packages/gitbook/src/components/PageBody/PageBody.tsx

@@ -109,7 +109,11 @@ export function PageBody(props: {
                         : 'page-width-default'
                 )}
             >
-                <PreservePageLayout siteWidthWide={siteWidthWide} layoutMode={layoutMode} hasTOC={hasTOC} />
+                <PreservePageLayout
+                    siteWidthWide={siteWidthWide}
+                    layoutMode={layoutMode}
+                    hasTOC={hasTOC}
+                />
                 {page.cover && page.layout.cover && page.layout.coverSize === 'hero' ? (
                     <PageCover as="hero" page={page} cover={page.cover} context={context} />
                 ) : null}

packages/gitbook/src/components/SitePage/SitePage.tsx

@@ -71,7 +71,13 @@ export async function SitePage(props: SitePageProps & { staticRoute: boolean })
         <PageContextProvider pageId={page.id} spaceId={context.space.id} title={page.title}>
             {/* Using `contents` makes the children of this div according to its parent — which keeps them in a single flex row with the TOC by default.
             If there's a page cover, we use `flex flex-col` to lay out the PageCover above the PageBody + PageAside instead. */}
-            <div className={withFullPageCover && page.cover ? 'flex grow flex-col justify-start' : 'contents'}>
+            <div
+                className={
+                    withFullPageCover && page.cover
+                        ? 'flex grow flex-col justify-start'
+                        : 'contents'
+                }
+            >
                 {withFullPageCover && page.cover ? (
                     <PageCover as="full" page={page} cover={page.cover} context={context} />
                 ) : null}