From e995a514de4af632cdde28a6f78621ea309ff240 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Fri, 21 Jan 2022 17:29:38 +0100
Subject: [PATCH] Settings, Management: Better uploaded profile picture quality

---
 src/components/ui/CropModal.scss | 2 +-
 src/components/ui/CropModal.tsx  | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/ui/CropModal.scss b/src/components/ui/CropModal.scss
index b9835fd2..32bfaad6 100644
--- a/src/components/ui/CropModal.scss
+++ b/src/components/ui/CropModal.scss
@@ -49,7 +49,7 @@
 
     .cr-viewport {
       border: none;
-      box-shadow: 0 0 2000px 2000px rgba(white, 0.5);
+      box-shadow: 0 0 2000px 2000px rgba(#7f7f7f, 0.5);
     }
 
     .cr-slider {
diff --git a/src/components/ui/CropModal.tsx b/src/components/ui/CropModal.tsx
index 72e12f0b..5f9b29b4 100644
--- a/src/components/ui/CropModal.tsx
+++ b/src/components/ui/CropModal.tsx
@@ -18,6 +18,7 @@ const cropperResultOptions: Croppie.ResultOptions & { type: 'blob' } = {
   quality: 1,
   format: 'jpeg',
   circle: false,
+  size: { width: 1024, height: 1024 },
 };
 
 type ICroppie = typeof import('croppie');