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

fixed mobile appearance of dialogs

Browse source
This commit is contained in:
Fedor Katurov 2022-07-14 13:26:53 +07:00
parent 4483d7a0f5
commit 042f238590
8 changed files with 25 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/editors/EditorButtons/index.tsx
View file

@ -6,10 +6,12 @@ import { Padder } from '~/components/containers/Padder';
import { EditorActionsPanel } from '~/components/editors/EditorActionsPanel';
import { Button } from '~/components/input/Button';
import { InputText } from '~/components/input/InputText';
import { useWindowSize } from '~/hooks/dom/useWindowSize';
import { useNodeFormContext } from '~/hooks/node/useNodeFormFormik';
const EditorButtons: FC = () => {
const { values, handleChange, isSubmitting } = useNodeFormContext();
const { isMobile } = useWindowSize();
return (
<Padder style={{ position: 'relative' }}>
@ -28,7 +30,7 @@ const EditorButtons: FC = () => {
</Filler>
<Button
title="Сохранить"
title={isMobile ? undefined : 'Сохранить'}
iconRight="check"
color={values.is_promoted ? 'primary' : 'lab'}
disabled={isSubmitting}

4
src/components/editors/ImageGrid/index.tsx
View file

@ -12,7 +12,7 @@ interface IProps {
}
const ImageGrid: FC<IProps> = ({ files, setFiles, locked }) => {
const { innerWidth } = useWindowSize();
const { isMobile } = useWindowSize();
const onMove = useCallback(
(newFiles: IFile[]) => {
@ -34,7 +34,7 @@ const ImageGrid: FC<IProps> = ({ files, setFiles, locked }) => {
onSortEnd={onMove}
items={files}
locked={locked}
size={innerWidth > 768 ? 220 : (innerWidth - 60) / 2}
size={!isMobile ? 220 : (innerWidth - 60) / 2}
/>
);
};