From a360894f95ccdde1ef8caf8693fcc9b32284da9e Mon Sep 17 00:00:00 2001
From: obergodmar <obergodmar@gmail.com>
Date: Tue, 14 Jul 2020 20:45:22 +0300
Subject: [PATCH] Fix background size on high resolution displays

---
 src/components/view-component/view-component.scss | 1 -
 src/components/view-component/view-component.tsx  | 3 ++-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/view-component/view-component.scss b/src/components/view-component/view-component.scss
index 861417c..6104077 100644
--- a/src/components/view-component/view-component.scss
+++ b/src/components/view-component/view-component.scss
@@ -17,7 +17,6 @@
     position: absolute;
     min-width: inherit;
     min-height: inherit;
-    background-size: cover;
     background: $backgroundTexture;
     transition: opacity $transitionDuration $transitionType;
 
diff --git a/src/components/view-component/view-component.tsx b/src/components/view-component/view-component.tsx
index 187cc83..1395aa8 100644
--- a/src/components/view-component/view-component.tsx
+++ b/src/components/view-component/view-component.tsx
@@ -139,7 +139,8 @@ export const ViewComponent = ({src}: Props) => {
                     className='view'
                     style={{
                         backgroundImage: `url(${imageSrc})`,
-                        backgroundPosition: `${position.x}px ${position.y}px`
+                        backgroundPosition: `${position.x}px ${position.y}px`,
+                        backgroundSize: 'cover'
                     }}
                     onMouseDown={handleMouseDown}
                     onMouseMove={handleMouseMove}