site: fix image width issue in markdown (#50399)

Co-authored-by: afc163 <afc163@gmail.com>
This commit is contained in:
Jerryxin 2024-08-14 22:52:13 +08:00 committed by GitHub
parent 5403c69fed
commit a89bd934d7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 4 additions and 5 deletions

View File

@ -37,7 +37,6 @@ const GlobalStyle: React.FC = () => {
.markdown p > img {
margin: 34px auto;
box-shadow: 0 8px 20px rgba(143, 168, 191, 0.35);
max-width: 1024px;
display: block;
}

View File

@ -154,7 +154,7 @@ For compatible case, we return File object when `beforeUpload` return `false`. I
Chrome update will also break native upload. Please restart Chrome to finish the upload job.
![](https://github.com/ant-design/ant-design/assets/507615/1509b25f-4cd3-41b2-9415-90394ad08273)
<img alt="click restart button on Chrome" src="https://github.com/ant-design/ant-design/assets/507615/1509b25f-4cd3-41b2-9415-90394ad08273" width="800" />
Ref:

View File

@ -154,7 +154,7 @@ demo:
`antd` 无关,原生上传也会失败。请重启 `Chrome` 浏览器,让其完成升级工作。
![](https://github.com/ant-design/ant-design/assets/507615/1509b25f-4cd3-41b2-9415-90394ad08273)
<img alt="点击 Chrome 重启启动按钮" src="https://github.com/ant-design/ant-design/assets/507615/1509b25f-4cd3-41b2-9415-90394ad08273" width="800" />
相关 `issue`

View File

@ -36,7 +36,7 @@ You can find that although the `<style />` node can be omitted, hash still deps
In the [component-level CSS-in-JS](/docs/blog/css-in-js) article, we mentioned that Ant Design's Cache mechanism does not need to calculate the complete style. For the component library, as long as the Token and ComponentName can determine the consistency of the generated style, so we can calculate the hash value in advance:
![Component CSS-in-JS](https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*yZMNSYVtxnAAAAAAAAAAAAAADrJ8AQ/original)
<img alt="CSS-in-JS hash compute way" width="800" src="https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*yZMNSYVtxnAAAAAAAAAAAAAADrJ8AQ/original" />
Therefore, we found that we can reuse this mechanism to realize whether the component style has been injected on the client side.

View File

@ -36,7 +36,7 @@ author: zombieJ
在 [组件级别的 CSS-in-JS](/docs/blog/css-in-js) 一文中我们提过。Ant Design 的 Cache 机制并不需要计算出完整的样式。对于组件库而言,只要通过 Token 和 ComponentName 就可以确定生成样式一致性,所以我们可以提前计算出 hash 值:
![Component CSS-in-JS](https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*yZMNSYVtxnAAAAAAAAAAAAAADrJ8AQ/original)
<img alt="CSS-in-JS hash 计算方式" width="800" src="https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*yZMNSYVtxnAAAAAAAAAAAAAADrJ8AQ/original" />
也因此,我们发现可以复用这套机制,实现在客户端侧感知组件样式是否已经注入过。