website: fix the version number display issue.

Author: jaywcjlove

website/src/components/Markdown/Markdown.tsx

@@ -33,7 +33,6 @@ const CodePreview = ({ inline, node, components, data, ...props }: CodeProps & C
   if (metaId && typeof Child === 'function') {
     const code = data[metaId].value || '';
     const param = getURLParameters(meta);
-    console.log(':param:', param);
     return (
       <CodeLayout
         ref={$dom}
@@ -60,7 +59,6 @@ export default function Markdown(props: MarkdownProps) {
   return (
     <Fragment>
       <MarkdownPreview
-        style={{ paddingTop: 30 }}
         source={props.source || ''}
         disableCopy
         warpperElement={{

website/src/layouts/BaseLayout.tsx

@@ -32,6 +32,23 @@ export default function Components(props: ComponentsProps) {
               </div>
             </Sider>
             <Content style={{ padding: 20 }} className={styles.layoutContent}>
+              <Header
+                style={{
+                  height: 'inherit',
+                  lineHeight: '32px',
+                  position: 'absolute',
+                  padding: '5px 10px',
+                  right: 10,
+                  marginTop: -10,
+                  display: 'flex',
+                  flexDirection: 'row',
+                  justifyContent: 'flex-end',
+                  backgroundColor: 'transparent',
+                  zIndex: 99,
+                }}
+              >
+                <VersionSelect data={version} />
+              </Header>
               <Outlet />
             </Content>
           </Layout>
@@ -77,7 +94,7 @@ export default function Components(props: ComponentsProps) {
             >
               <VersionSelect data={version} />
             </Header>
-            <Content style={{ padding: 20 }} className={styles.layoutContent}>
+            <Content style={{ padding: 20 }} data-ddd="xxx" className={styles.layoutContent}>
               <Outlet />
             </Content>
           </Layout>