limit cropper container height & fix t

This commit is contained in:
dog 2024-01-27 14:41:00 +03:00
parent 591fd2ecbf
commit ef49e4b971
3 changed files with 7 additions and 2 deletions

View File

@ -109,7 +109,7 @@
"Create gallery": "Создать галерею", "Create gallery": "Создать галерею",
"Create post": "Создать публикацию", "Create post": "Создать публикацию",
"Create video": "Создать видео", "Create video": "Создать видео",
"Crop image": "Скадрируйте изображение", "Crop image": "Кадрировать изображение",
"Culture": "Культура", "Culture": "Культура",
"Date of Birth": "Дата рождения", "Date of Birth": "Дата рождения",
"Decline": "Отмена", "Decline": "Отмена",

View File

@ -1,3 +1,7 @@
.cropperContainer {
max-height: 55vh;
}
.cropperControls { .cropperControls {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;

View File

@ -34,6 +34,7 @@ export const ImageCropper = (props: CropperProps) => {
guides: false, guides: false,
background: false, background: false,
rotatable: false, rotatable: false,
autoCropArea: 1,
modal: true, modal: true,
}), }),
) )
@ -42,7 +43,7 @@ export const ImageCropper = (props: CropperProps) => {
return ( return (
<div> <div>
<div> <div class={styles.cropperContainer}>
<img <img
ref={(el) => (imageTagRef.current = el)} ref={(el) => (imageTagRef.current = el)}
src={props.uploadFile.source} src={props.uploadFile.source}