client: update tocs style

packages/client/src/components/wiki/tocs/index.module.scss

@@ -3,6 +3,16 @@
   height: 100%;
   padding-top: 12px;
   overflow: auto;
+
+  display: flex;
+  flex-direction: column;
+
+  overflow: hidden;
+
+  > main {
+    flex: 1;
+    overflow: auto;
+  }
 }
 
 .titleWrap {

packages/client/src/components/wiki/tocs/index.tsx

@@ -48,6 +48,7 @@ export const WikiTocs: React.FC<IProps> = ({
 
   return (
     <div className={styles.wrap}>
+      <header>
         <DataRender
           loading={wikiLoading}
           loadingContent={
@@ -225,7 +226,9 @@ export const WikiTocs: React.FC<IProps> = ({
             </div>
           )}
         />
+      </header>
 
+      <main>
         <div className={styles.treeWrap}>
           <DataRender
             loading={starDocumentsLoading}
@@ -294,6 +297,7 @@ export const WikiTocs: React.FC<IProps> = ({
             )}
           />
         </div>
+      </main>
     </div>
   );
 };

packages/client/src/components/wiki/tocs/public.tsx

@@ -43,6 +43,7 @@ export const WikiPublicTocs: React.FC<IProps> = ({
 
   return (
     <div className={styles.wrap}>
+      <header>
         <div className={styles.navItemWrap}>
           <div className={styles.navItem}>
             <Space>
@@ -105,8 +106,10 @@ export const WikiPublicTocs: React.FC<IProps> = ({
           }}
           isActive={pathname === '/share/wiki/[wikiId]'}
         />
+      </header>
 
-      <div className={styles.treeWrap} style={{ marginTop: 12 }}>
+      <main>
+        <div className={styles.treeWrap}>
           <DataRender
             loading={tocsLoading}
             loadingContent={
@@ -139,6 +142,7 @@ export const WikiPublicTocs: React.FC<IProps> = ({
             )}
           />
         </div>
+      </main>
     </div>
   );
 };