From 8e63e43a3b30614aa7262cd4fabef20d41b12920 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Tue, 2 May 2023 20:26:55 -0400
Subject: [PATCH] refactor: move to modals

---
 public/scss/generics.scss         | 10 ----------
 public/scss/modals.scss           |  6 ++++++
 src/views/modals/crop_picture.tpl |  2 +-
 3 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/public/scss/generics.scss b/public/scss/generics.scss
index 017d872434..62eca8f327 100644
--- a/public/scss/generics.scss
+++ b/public/scss/generics.scss
@@ -71,16 +71,6 @@
 	}
 }
 
-#crop-picture-modal {
-	#cropped-image {
-		max-width: 100%;
-	}
-
-	.cropper-container.cropper-bg {
-		max-width: 100%;
-	}
-}
-
 blockquote {
 	background-color: $light;
 	font-style: italic;
diff --git a/public/scss/modals.scss b/public/scss/modals.scss
index 8422c318a2..ac414e8753 100644
--- a/public/scss/modals.scss
+++ b/public/scss/modals.scss
@@ -30,3 +30,9 @@
 		max-width: 500px;
 	}
 }
+
+#crop-picture-modal {
+	.cropper-container.cropper-bg {
+		max-width: 100%;
+	}
+}
\ No newline at end of file
diff --git a/src/views/modals/crop_picture.tpl b/src/views/modals/crop_picture.tpl
index f78e4eed76..c249c80feb 100644
--- a/src/views/modals/crop_picture.tpl
+++ b/src/views/modals/crop_picture.tpl
@@ -12,7 +12,7 @@
 				</div>
 
 				<div class="cropper">
-					<img id="cropped-image" crossorigin="anonymous" src="{url}" alt="">
+					<img id="cropped-image" class="mw-100" crossorigin="anonymous" src="{url}" alt="">
 				</div>
 
 				<hr />