💄 style: Remove image hover in mobile mode

src/Image/index.tsx

@@ -1,4 +1,5 @@
 import { Image as AntImage, type ImageProps as AntImageProps, Skeleton } from 'antd';
+import { useResponsive } from 'antd-style';
 import { Eye } from 'lucide-react';
 import { ReactNode, memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
@@ -30,6 +31,7 @@ const Image = memo<ImageProps>(
     objectFit = 'cover',
     ...rest
   }) => {
+    const { mobile } = useResponsive();
     const { styles, cx, theme } = useStyles({ alwaysShowActions, minSize, objectFit, size });
     const mergePreivew = usePreview(preview);
 
@@ -54,7 +56,7 @@ const Image = memo<ImageProps>(
           fallback={styles.imageOff}
           loading={'lazy'}
           preview={{
-            mask: actions ? <div /> : <Icon icon={Eye} size={'normal'} />,
+            mask: mobile ? false : actions ? <div /> : <Icon icon={Eye} size={'normal'} />,
             ...(mergePreivew as any),
           }}
           wrapperClassName={styles.image}

src/Markdown/index.tsx

@@ -22,25 +22,34 @@ export interface MarkdownProps {
    * @description The class name for the Markdown component
    */
   className?: string;
+  enableImageGallery?: boolean;
   fullFeaturedCodeBlock?: boolean;
   onDoubleClick?: () => void;
   style?: CSSProperties;
 }
 
 const Markdown = memo<MarkdownProps>(
-  ({ children, className, style, fullFeaturedCodeBlock, onDoubleClick, ...rest }) => {
+  ({
+    children,
+    className,
+    style,
+    fullFeaturedCodeBlock,
+    onDoubleClick,
+    enableImageGallery = true,
+    ...rest
+  }) => {
     const { styles } = useStyles();
     const components: Components = {
       a: (props: any) => <Typography.Link {...props} rel="noopener noreferrer" target="_blank" />,
       details: (props: any) => <Collapse {...props} />,
       hr: () => <Divider style={{ marginBottom: '1em', marginTop: 0 }} />,
-      img: (props: any) => <Image {...props} />,
+      img: enableImageGallery ? (props: any) => <Image {...props} /> : undefined,
       pre: fullFeaturedCodeBlock ? CodeFullFeatured : CodeLite,
     };
 
     return (
       <Typography className={className} onDoubleClick={onDoubleClick} style={style}>
-        <ImageGallery>
+        <ImageGallery enable={enableImageGallery}>
           <ErrorBoundary
             fallback={
               <ReactMarkdown