diff --git a/src/components/flow/Cell/styles.scss b/src/components/flow/Cell/styles.scss index dc9563f2..91b818b5 100644 --- a/src/components/flow/Cell/styles.scss +++ b/src/components/flow/Cell/styles.scss @@ -92,6 +92,17 @@ grid-row-end: span 2; } + @media (max-width: $cell * 2) { + :global(.vertical), + :global(.quadro) { + grid-row-end: span 1; + } + + :global(.horizontal), + :global(.quadro) { + grid-column-end: span 1; + } + } .is_text { background: none; padding: 10px; @@ -160,6 +171,11 @@ opacity: 1; } } + + @media (max-width: $cell * 2) { + right: 0; + top: 0; + } } .menu_button { diff --git a/src/components/flow/FlowGrid/styles.scss b/src/components/flow/FlowGrid/styles.scss index 8f761995..5532c25b 100644 --- a/src/components/flow/FlowGrid/styles.scss +++ b/src/components/flow/FlowGrid/styles.scss @@ -14,6 +14,10 @@ $cols: $content_width / $cell; grid-column-gap: $grid_line; grid-row-gap: $grid_line; + @include tablet { + padding: 0 $gap; + } + @media (max-width: $cell * 6) { grid-template-columns: repeat(5, 1fr); grid-template-rows: 40vh 20vw; diff --git a/src/constants/errors.ts b/src/constants/errors.ts index efcb7ca1..7be28705 100644 --- a/src/constants/errors.ts +++ b/src/constants/errors.ts @@ -9,6 +9,7 @@ export const ERRORS = { URL_INVALID: 'Url_Invalid', FILES_AUDIO_REQUIRED: 'Files_Audio_Required', NOT_ENOUGH_RIGHTS: 'Not_Enough_Rights', + INCORRECT_DATA: 'Incorrect_Data', }; export const ERROR_LITERAL = { @@ -22,4 +23,5 @@ export const ERROR_LITERAL = { [ERRORS.URL_INVALID]: 'Неизвестный адрес', [ERRORS.FILES_AUDIO_REQUIRED]: 'Нужна хотя бы одна песня', [ERRORS.NOT_ENOUGH_RIGHTS]: 'У вас недостаточно прав', + [ERRORS.INCORRECT_DATA]: 'Недопустимые данные', };