chore: optimize isActive logic

src/theme-default/components/Nav/NavMenuSingleItem.tsx

@@ -5,7 +5,9 @@ import { Link } from '../Link/index';
 
 export function NavMenuSingleItem(item: DefaultTheme.NavItemWithLink) {
   const location = useLocation();
-  const isActive = new RegExp(item.activeMatch || '').test(location.pathname);
+  const isActive = new RegExp(item.activeMatch || item.link).test(
+    location.pathname
+  );
   return (
     <div
       key={item.text}

src/theme-default/components/Siderbar/index.tsx

@@ -4,6 +4,7 @@ import { Link } from '../Link/index';
 import { DefaultTheme } from '../../../shared/types';
 import { normalizeHref, useSidebarData } from '../../logic/index';
 import { useLocation } from 'react-router-dom';
+import { isActive } from '../../logic/index';
 
 export function SideBar() {
   const { pathname } = useLocation();
@@ -15,15 +16,15 @@ export function SideBar() {
     if ('items' in item) {
       children = item.items.map((child) => renderGroupItem(child, depth + 1));
     }
-    const isActive = pathname.startsWith(item.link!);
+    const active = isActive(pathname, item.link);
     return (
       <div style={{ marginLeft }}>
         <div
           p="1"
           block="~"
           text="sm"
           font-medium="~"
-          className={`${isActive ? 'text-brand' : 'text-text-2'}`}
+          className={`${active ? 'text-brand' : 'text-text-2'}`}
         >
           <Link href={normalizeHref(item.link!)}>{item.text}</Link>
         </div>

src/theme-default/layout/DocLayout/index.tsx

@@ -34,7 +34,12 @@ export function DocLayout() {
           <div
             relative="~"
             m="x-auto"
+            p="l-2"
             className={'md:max-w-712px lg:min-w-640px'}
+            style={{
+              maxWidth: hasAside ? '' : '1024px',
+              paddingLeft: hasAside ? '0' : '72px'
+            }}
           >
             <div className="island-doc">
               <Content fallback={<div>Loading...</div>} />

src/theme-default/logic/utils.ts

@@ -49,3 +49,13 @@ export function backTrackHeaders(
   }
   return res;
 }
+
+export function isActive(currentPath: string, targetLink?: string) {
+  if (!targetLink) {
+    return false;
+  }
+  if (targetLink === '' || targetLink === '/') {
+    return currentPath === targetLink;
+  }
+  return currentPath.startsWith(targetLink);
+}