fix: Fix circle image aspect ratio
authorJay Sitter <jay@jaysitter.com>
Sun, 2 Jul 2023 21:14:00 +0000 (17:14 -0400)
committerJay Sitter <jay@jaysitter.com>
Sun, 2 Jul 2023 21:14:00 +0000 (17:14 -0400)
src/shared/components/common/image-upload-form.tsx

index 44a934e91db711b15ec68bb3911c94ce9d5ef609..890f47f2f36b3cb925f5451fe2df8ae6a2364362 100644 (file)
@@ -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