From: Jay Sitter <jay@jaysitter.com>
Date: Sun, 2 Jul 2023 21:14:00 +0000 (-0400)
Subject: fix: Fix circle image aspect ratio
X-Git-Url: http://these/git/%24%7Bsubmission.url%7D?a=commitdiff_plain;h=61276ec4e5a73757dce5a7e6da9944821a3a19e5;p=lemmy-ui.git

fix: Fix circle image aspect ratio
---

diff --git a/src/shared/components/common/image-upload-form.tsx b/src/shared/components/common/image-upload-form.tsx
index 44a934e..890f47f 100644
--- a/src/shared/components/common/image-upload-form.tsx
+++ b/src/shared/components/common/image-upload-form.tsx
@@ -42,9 +42,9 @@ export class ImageUploadForm extends Component<
               src={this.props.imageSrc}
               height={this.props.rounded ? 60 : ""}
               width={this.props.rounded ? 60 : ""}
-              className={classNames("img-fluid", {
-                "rounded-circle ratio ratio-1x1 object-fit-cover":
-                  this.props.rounded,
+              className={classNames({
+                "rounded-circle object-fit-cover": this.props.rounded,
+                "img-fluid": !this.props.rounded,
               })}
             />
             <button