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 buttons mobile appearance

Browse source
This commit is contained in:
Fedor Katurov 2021-03-09 15:19:40 +07:00
parent dd46a3f036
commit ebdb09a611
3 changed files with 63 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -65,34 +65,40 @@ const CommentForm: FC<IProps> = ({ comment, nodeId, onCancelEdit }) => {
<CommentFormAttaches />
<Group horizontal className={styles.buttons}>
<CommentFormAttachButtons onUpload={uploader.uploadFiles} />
<div className={styles.buttons}>
<div className={styles.buttons_attach}>
<CommentFormAttachButtons onUpload={uploader.uploadFiles} />
</div>
{!!textarea && (
<CommentFormFormatButtons
element={textarea}
handler={formik.handleChange('text')}
/>
)}
<div className={styles.buttons_format}>
{!!textarea && (
<CommentFormFormatButtons
element={textarea}
handler={formik.handleChange('text')}
/>
)}
</div>
{isLoading && <LoaderCircle size={20} />}
<div className={styles.buttons_submit}>
{isLoading && <LoaderCircle size={20} />}
{isEditing && (
<Button size="small" color="link" type="button" onClick={onCancelEdit}>
Отмена
{isEditing && (
<Button size="small" color="link" type="button" onClick={onCancelEdit}>
Отмена
</Button>
)}
<Button
type="submit"
size="small"
color="gray"
iconRight={!isEditing ? 'enter' : 'check'}
disabled={isLoading}
>
{!isEditing ? 'Сказать' : 'Сохранить'}
</Button>
)}
<Button
type="submit"
size="small"
color="gray"
iconRight={!isEditing ? 'enter' : 'check'}
disabled={isLoading}
>
{!isEditing ? 'Сказать' : 'Сохранить'}
</Button>
</Group>
</div>
</div>
</FileUploaderProvider>
</FormikProvider>
</form>