diff options
| author | crupest <crupest@outlook.com> | 2021-03-18 21:59:16 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2021-03-18 21:59:16 +0800 |
| commit | 4b07846bf16bbf90a5869219ce9b521367c28506 (patch) | |
| tree | f8aac3107a0d7328c45b245cb2e1308befa865c7 /FrontEnd/src | |
| parent | 0a944720fecb3a2fdfdc483449c5ab0e58df7c02 (diff) | |
| download | timeline-4b07846bf16bbf90a5869219ce9b521367c28506.tar.gz timeline-4b07846bf16bbf90a5869219ce9b521367c28506.tar.bz2 timeline-4b07846bf16bbf90a5869219ce9b521367c28506.zip | |
feat: Delete image.
Diffstat (limited to 'FrontEnd/src')
| -rw-r--r-- | FrontEnd/src/app/views/timeline-common/MarkdownPostEdit.tsx | 20 | ||||
| -rw-r--r-- | FrontEnd/src/app/views/timeline-common/timeline-common.sass | 10 |
2 files changed, 25 insertions, 5 deletions
diff --git a/FrontEnd/src/app/views/timeline-common/MarkdownPostEdit.tsx b/FrontEnd/src/app/views/timeline-common/MarkdownPostEdit.tsx index f4351db0..68dee848 100644 --- a/FrontEnd/src/app/views/timeline-common/MarkdownPostEdit.tsx +++ b/FrontEnd/src/app/views/timeline-common/MarkdownPostEdit.tsx @@ -139,12 +139,22 @@ const MarkdownPostEdit: React.FC<MarkdownPostEditProps> = ({ tabText: "image", page: ( <div className="timeline-markdown-post-edit-page"> - {images.map((image) => ( - <img + {images.map((image, index) => ( + <div key={image.url} - src={image.url} - className="timeline-markdown-post-edit-image" - /> + className="timeline-markdown-post-edit-image-container" + > + <img + src={image.url} + className="timeline-markdown-post-edit-image" + /> + <i + className="bi-trash text-danger icon-button timeline-markdown-post-edit-image-delete-button" + onClick={() => { + getBuilder().deleteImage(index); + }} + /> + </div> ))} <Form.File label={t("chooseImage")} diff --git a/FrontEnd/src/app/views/timeline-common/timeline-common.sass b/FrontEnd/src/app/views/timeline-common/timeline-common.sass index 04318674..0d172327 100644 --- a/FrontEnd/src/app/views/timeline-common/timeline-common.sass +++ b/FrontEnd/src/app/views/timeline-common/timeline-common.sass @@ -175,6 +175,16 @@ $timeline-line-color-current: #36c2e6 overflow: scroll max-height: 300px +.timeline-markdown-post-edit-image-container + position: relative + text-align: center + margin-bottom: 1em + .timeline-markdown-post-edit-image max-width: 100% max-height: 200px + +.timeline-markdown-post-edit-image-delete-button + position: absolute + right: 10px + top: 2px |