muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

fixed comment button appearance on small devices

Browse source
This commit is contained in:
Fedor Katurov 2022-01-02 17:20:18 +07:00
parent 5b2bf82d48
commit 85c7888c41
4 changed files with 21 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/comment/CommentForm/index.tsx
View file

@ -15,6 +15,7 @@ import { UploadDropzone } from '~/components/upload/UploadDropzone';
import styles from './styles.module.scss';
import { ERROR_LITERAL } from '~/constants/errors';
import { useInputPasteUpload } from '~/utils/hooks/useInputPasteUpload';
import { Filler } from '~/components/containers/Filler';
interface IProps {
comment?: IComment;
@ -67,11 +68,13 @@ const CommentForm: FC<IProps> = ({ comment, nodeId, onCancelEdit }) => {
<CommentFormAttaches />
<div className={styles.buttons}>
<div className={styles.buttons_attach}>
<div className={styles.button_column}>
<CommentFormAttachButtons onUpload={uploader.uploadFiles} />
</div>
<div className={styles.buttons_format}>
<Filler />
<div className={styles.button_column}>
{!!textarea && (
<CommentFormFormatButtons
element={textarea}
@ -80,7 +83,7 @@ const CommentForm: FC<IProps> = ({ comment, nodeId, onCancelEdit }) => {
)}
</div>
<div className={styles.buttons_submit}>
<div className={styles.button_column}>
{isLoading && <LoaderCircle size={20} />}
{isEditing && (