update layout

src/theme/DocItem/Layout/styles.module.scss

@@ -11,8 +11,8 @@
 }
 
 .root > aside {
-  width: 25vw;
-  flex-basis: 25vw;
+  width: calc(2 / 12 * 100vw);
+  flex-basis: calc(2 / 12 * 100vw);
   flex-grow: 0;
   flex-shrink: 0;
 }

src/theme/Footer/Layout/index.tsx

@@ -31,7 +31,7 @@ export default function FooterLayout(props: Props): JSX.Element {
         className={clsx(
           'row',
           'col',
-          'col--7',
+          'col--8',
           styles.footerContentWrapper,
           hiddenSidebar ? styles.withSidebarHide : '',
         )}

src/theme/Layout/index.tsx

@@ -6,7 +6,7 @@ import './styles.scss'
 
 export default function LayoutWrapper(props) {
   const isIndexPage = useIsVersionIndexPage()
-  const store = globalStore.useCreateStore({ hiddenSidebar: isIndexPage })
+  const store = globalStore.useCreateStore({ hiddenSidebar: false })
 
   return (
     <globalStore.Provider store={store}>

src/theme/Layout/styles.scss

@@ -19,7 +19,7 @@
   top: 0;
   left: 0;
   height: 100%;
-  width: calc((7 / 12) * 100%);
+  width: calc((8 / 12) * 100%);
   background-color: var(--ifm-background-surface-color);
 }
 

src/theme/Navbar/Content/index.tsx

@@ -113,7 +113,7 @@ export default function NavbarContent(): JSX.Element {
         </div>
       </div>
 
-      <div className={clsx('col col--5', styles.headerRight)}>
+      <div className={clsx('col col--4', styles.headerRight)}>
         <ShareButton />
         <NavbarColorModeToggle />
         {localeDropdown && (