public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: responsive upload avatar (#10392) 

* fix: responsive upload avatar

Signed-off-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>

* Update ImageUploader.tsx

Move title to the DialogContent title prop instead of the content.

---------

Signed-off-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>
Co-authored-by: Alex van Andel <me@alexvanandel.com>
pull/10396/head
Udit Takkar 2023-07-26 17:22:43 +05:30 committed by GitHub
parent 424edc7437
commit 69c01b69f6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/ui/components/image-uploader/ImageUploader.tsx
View File

@ -173,14 +173,7 @@ export default function ImageUploader({
{buttonMsg}
</Button>
</DialogTrigger>
<DialogContent>
<div className="mb-4 sm:flex sm:items-start">
<div className="mt-3 text-center sm:mt-0 sm:text-left">
<h3 className="font-cal text-emphasis text-lg leading-6" id="modal-title">
{t("upload_target", { target })}
</h3>
</div>
</div>
<DialogContent title={t("upload_target", { target })}>
<div className="mb-4">
<div className="cropper mt-6 flex flex-col items-center justify-center p-8">
{!result && (
@ -210,7 +203,7 @@ export default function ImageUploader({
</label>
</div>
</div>
<DialogFooter>
<DialogFooter className="relative">
<DialogClose color="primary" onClick={() => showCroppedImage(croppedAreaPixels)}>
{t("save")}
</DialogClose>