Fix background size on high resolution displays
This commit is contained in:
@@ -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}
|
||||||
|
|||||||
Reference in New Issue
Block a user