limit cropper container height & fix t
This commit is contained in:
parent
591fd2ecbf
commit
ef49e4b971
|
@ -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": "Отмена",
|
||||||
|
|
|
@ -1,3 +1,7 @@
|
||||||
|
.cropperContainer {
|
||||||
|
max-height: 55vh;
|
||||||
|
}
|
||||||
|
|
||||||
.cropperControls {
|
.cropperControls {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
|
@ -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}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user