From 9da38fd479d47f897f8398535a18b80ba70fcaf1 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Wed, 24 May 2023 14:27:03 +0800
Subject: [PATCH] docs: fix design docs detail (#42568)

---
 .dumi/theme/slots/Content/index.tsx | 3 ++-
 docs/spec/direct.en-US.md           | 2 +-
 docs/spec/direct.zh-CN.md           | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/.dumi/theme/slots/Content/index.tsx b/.dumi/theme/slots/Content/index.tsx
index 20d69b4018..b1825cf9cb 100644
--- a/.dumi/theme/slots/Content/index.tsx
+++ b/.dumi/theme/slots/Content/index.tsx
@@ -7,6 +7,7 @@ import DayJS from 'dayjs';
 import { FormattedMessage, useIntl, useRouteMeta, useTabMeta } from 'dumi';
 import type { ReactNode } from 'react';
 import React, { useContext, useLayoutEffect, useMemo, useState } from 'react';
+import useLayoutState from '../../../hooks/useLayoutState';
 import useLocation from '../../../hooks/useLocation';
 import useSiteToken from '../../../hooks/useSiteToken';
 import EditButton from '../../common/EditButton';
@@ -15,7 +16,6 @@ import type { DemoContextProps } from '../DemoContext';
 import DemoContext from '../DemoContext';
 import Footer from '../Footer';
 import SiteContext from '../SiteContext';
-import useLayoutState from '../../../hooks/useLayoutState';
 
 const useStyle = () => {
   const { token } = useSiteToken();
@@ -27,6 +27,7 @@ const useStyle = () => {
       display: flex;
       flex-wrap: wrap;
       margin-top: 120px !important;
+      clear: both;
       a,
       ${antCls}-avatar + ${antCls}-avatar {
         transition: all ${token.motionDurationSlow};
diff --git a/docs/spec/direct.en-US.md b/docs/spec/direct.en-US.md
index 982bc57f6d..3cda611aa8 100644
--- a/docs/spec/direct.en-US.md
+++ b/docs/spec/direct.en-US.md
@@ -36,7 +36,7 @@ If the priority is given to 「readability」 and the 「editability」 of opera
 
 Multi-Field Inline Edit
 
-> Note：In「Multi-Field Inline Edit」, there are huge different between the content and required field, So it is more needed to use the [「Explain What Just Happened」](../docs/spec/transition#解释刚刚发生了什么) in 「Use Transition」to eliminate this visual effects.
+> Note：In「Multi-Field Inline Edit」, there are huge different between the content and required field, So it is more needed to use the [「Explain What Just Happened」](/docs/spec/transition#解释刚刚发生了什么) in 「Use Transition」to eliminate this visual effects.
 
 <br>
 
diff --git a/docs/spec/direct.zh-CN.md b/docs/spec/direct.zh-CN.md
index 323fa70388..e2fc903c05 100644
--- a/docs/spec/direct.zh-CN.md
+++ b/docs/spec/direct.zh-CN.md
@@ -35,7 +35,7 @@ title: 直截了当
 
 多字段行内编辑
 
-> 注：在「多字段行内编辑」的情况下，显示的内容和编辑时所需的字段会存在比较大的差异，所以更需要「巧用过渡」原则中的[「解释刚刚发生了什么」](../docs/spec/transition#解释刚刚发生了什么)来消除这种视觉影响。
+> 注：在「多字段行内编辑」的情况下，显示的内容和编辑时所需的字段会存在比较大的差异，所以更需要「巧用过渡」原则中的[「解释刚刚发生了什么」](/docs/spec/transition#解释刚刚发生了什么)来消除这种视觉影响。
 
 <br>