Fix background size on high resolution displays

This commit is contained in:
obergodmar
2020-07-14 20:45:22 +03:00
parent e63c802fcb
commit a360894f95
2 changed files with 2 additions and 2 deletions
@@ -17,7 +17,6 @@
position: absolute; position: absolute;
min-width: inherit; min-width: inherit;
min-height: inherit; min-height: inherit;
background-size: cover;
background: $backgroundTexture; background: $backgroundTexture;
transition: opacity $transitionDuration $transitionType; transition: opacity $transitionDuration $transitionType;
@@ -139,7 +139,8 @@ export const ViewComponent = ({src}: Props) => {
className='view' className='view'
style={{ style={{
backgroundImage: `url(${imageSrc})`, backgroundImage: `url(${imageSrc})`,
backgroundPosition: `${position.x}px ${position.y}px` backgroundPosition: `${position.x}px ${position.y}px`,
backgroundSize: 'cover'
}} }}
onMouseDown={handleMouseDown} onMouseDown={handleMouseDown}
onMouseMove={handleMouseMove} onMouseMove={handleMouseMove}