💄 style: Update Markdown style

src/components/NativeSelect/SelectItem/index.tsx

@@ -1,4 +1,4 @@
-import { ForwardedRef, forwardRef, memo } from 'react';
+import { ForwardedRef, forwardRef } from 'react';
 
 import { useStyles } from './style';
 
@@ -12,8 +12,8 @@ interface SelectItemProps {
   value: any;
 }
 
-const SelectItem = memo<SelectItemProps>(
-  forwardRef(({ value, label, prefixCls, isSelected, isActive, disabled, ...props }, reference) => {
+const SelectItem = forwardRef<any, SelectItemProps>(
+  ({ value, label, prefixCls, isSelected, isActive, disabled, ...props }, reference) => {
     const { styles, cx } = useStyles(prefixCls);
 
     return (
@@ -34,7 +34,7 @@ const SelectItem = memo<SelectItemProps>(
         {label}
       </button>
     );
-  }),
+  },
 );
 
 export default SelectItem;

src/layouts/DocLayout/index.tsx

@@ -28,5 +28,3 @@ const App = memo(() => {
     </>
   );
 });
-
-export default App;

src/slots/Content/index.tsx

@@ -1,3 +1,4 @@
+import { Typography } from '@lobehub/ui';
 import { Skeleton } from 'antd';
 import { useResponsive } from 'antd-style';
 import isEqual from 'fast-deep-equal';
@@ -22,16 +23,15 @@ const Content = memo<DivProps>(({ children, ...props }) => {
 
   return (
     <Flexbox gap={mobile ? 0 : 24} width={'100%'} {...props}>
-      <div style={{ height: 0 }} />
       <div className={cx('dumi-antd-style-content', styles.content)}>
-        <Skeleton active loading={loading} paragraph style={{ minHeight: '50vh' }} />
-        <div
+        <Skeleton active loading={loading} paragraph />
+        <Typography
           style={{
             display: loading ? 'none' : undefined,
           }}
         >
           {children}
-        </div>
+        </Typography>
       </div>
       <ContentFooter />
     </Flexbox>

src/slots/Content/style.ts

@@ -78,6 +78,21 @@ export const useStyles = createStyles(
             padding-inline-start: 18px;
           }
         }
+
+        summary kbd {
+          transform: unset;
+
+          padding: unset;
+
+          font-size: inherit;
+          line-height: inherit;
+          color: inherit;
+
+          background: unset;
+          border: unset;
+          box-shadow: unset;
+        }
+      }
       `,
     ),
   }),

src/slots/Features/index.tsx

@@ -11,7 +11,7 @@ const Features = memo(() => {
 
   if (!features?.length) return;
 
-  return <F items={features} style={{ margin: '0 16px', maxWidth: theme.contentMaxWidth }} />;
+  return <F items={features} maxWidth={theme.contentMaxWidth} style={{ margin: '0 16px' }} />;
 });
 
 export default Features;