diff --git a/src/dropBG.jpg b/src/dropBG.jpg new file mode 100644 index 00000000..876e4e48 Binary files /dev/null and b/src/dropBG.jpg differ diff --git a/src/helper.js b/src/helper.js index 5df00738..5b1e30a5 100644 --- a/src/helper.js +++ b/src/helper.js @@ -1,3 +1,5 @@ +import dropBG from './dropBG.jpg'; + const STYLES = { fullScreen: { position: 'absolute', @@ -23,7 +25,11 @@ const STYLES = { left: '50%', top: '50%', transform: 'translate(-50%, -50%)', - background: 'lightgray', + backgroundColor: 'white', + backgroundImage: `url(${dropBG})`, + backgroundRepeat: 'no-repeat', + backgroundPosition: 'center', + backgroundSize: 'contain', borderRadius: '10px', width: '300px', padding: 'calc(50vh - 2em) calc(50vw - 150px - 1em)',