From 16f018906b2f888cf43fe55b544c1acf16d89d92 Mon Sep 17 00:00:00 2001
From: lijianan <574980606@qq.com>
Date: Mon, 12 Aug 2024 09:31:56 +0800
Subject: [PATCH] fix(site): the img element of site should not be block
 (#50367)

---
 .dumi/theme/builtins/IconSearch/CopyableIcon.tsx | 8 +++++---
 .dumi/theme/common/styles/Markdown.tsx           | 4 ++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/.dumi/theme/builtins/IconSearch/CopyableIcon.tsx b/.dumi/theme/builtins/IconSearch/CopyableIcon.tsx
index b1345c7d12..dcf570f6c4 100644
--- a/.dumi/theme/builtins/IconSearch/CopyableIcon.tsx
+++ b/.dumi/theme/builtins/IconSearch/CopyableIcon.tsx
@@ -19,6 +19,8 @@ const useStyle = createStyles(({ token, css }) => {
       align-items: center;
       margin-inline-start: 0 !important;
       margin-inline-end: 0 !important;
+      padding-inline-start: 0 !important;
+      padding-inline-end: 0 !important;
       position: relative;
       width: 200px;
       height: 100px;
@@ -31,19 +33,19 @@ const useStyle = createStyles(({ token, css }) => {
       cursor: pointer;
       transition: all ${token.motionDurationSlow} ease-in-out;
       ${token.iconCls} {
-        margin: ${token.marginSM}px 0 ${token.marginXS}px;
+        margin: ${token.marginXS}px 0;
         font-size: 36px;
         transition: transform ${token.motionDurationSlow} ease-in-out;
         will-change: transform;
       }
       &:hover {
-        color: #fff;
+        color: ${token.colorWhite};
         background-color: ${token.colorPrimary};
         ${iconCls} {
           transform: scale(1.3);
         }
         ${antCls}-badge {
-          color: #fff;
+          color: ${token.colorWhite};
         }
       }
       &.TwoTone:hover {
diff --git a/.dumi/theme/common/styles/Markdown.tsx b/.dumi/theme/common/styles/Markdown.tsx
index 2e147d1b46..e3c71e1054 100644
--- a/.dumi/theme/common/styles/Markdown.tsx
+++ b/.dumi/theme/common/styles/Markdown.tsx
@@ -24,7 +24,6 @@ const GlobalStyle: React.FC = () => {
         }
 
         .markdown img {
-          display: block;
           max-width: calc(100% - 32px);
           max-height: 100%;
         }
@@ -114,7 +113,8 @@ const GlobalStyle: React.FC = () => {
 
         .markdown ul > li,
         .markdown ol > li {
-          margin-inline-start: ${token.marginLG}px;
+          padding-inline-start: ${token.paddingXXS}px;
+          margin-inline-start: ${token.marginMD}px;
           > p {
             margin: 0.2em 0;
           }