mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-27 20:49:53 +08:00
site: fix image width issue in markdown (#50399)
Co-authored-by: afc163 <afc163@gmail.com>
This commit is contained in:
parent
5403c69fed
commit
a89bd934d7
@ -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;
|
||||
}
|
||||
|
||||
|
@ -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:
|
||||
|
||||
|
@ -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`:
|
||||
|
||||
|
@ -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.
|
||||
|
||||
|
@ -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" />
|
||||
|
||||
也因此,我们发现可以复用这套机制,实现在客户端侧感知组件样式是否已经注入过。
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user