mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-12-25 00:08:27 +08:00
Code Issues Actions 14 Packages Projects Releases Wiki Activity
c9fcef725c
ant-design/components/image/demo/toolbarRender.md
lijianan e8fa5938ab
site: rewrite with CSS logical properties (#50109) 
* site: use CSS logical properties

* Update components/anchor/demo/targetOffset.tsx

Co-authored-by: afc163 <afc163@gmail.com>
Signed-off-by: lijianan <574980606@qq.com>

* fix: fix

* fix: fix

* chore: fix

* fix: add more

* fix: add more

---------

Signed-off-by: lijianan <574980606@qq.com>
Co-authored-by: afc163 <afc163@gmail.com>
2024-07-28 10:43:45 +08:00

676 B
Raw Blame History

zh-CN

可以自定义工具栏并添加下载原图或翻转旋转后图片的按钮。

en-US

You can customize the toolbar and add a button for downloading the original image or downloading the flipped and rotated image.

.toolbar-wrapper {
  position: fixed;
  bottom: 32px;
  inset-inline-start: 50%;
  padding: 0px 24px;
  color: #fff;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  transform: translateX(-50%);
}

.toolbar-wrapper .anticon {
  padding: 12px;
  cursor: pointer;
}

.toolbar-wrapper .anticon[disabled] {
  cursor: not-allowed;
  opacity: 0.3;
}

.toolbar-wrapper .anticon:hover {
  opacity: 0.3;
}