ev.key === 'Enter' && onClose()}
@@ -41,6 +42,7 @@ CameraClose.defaultProps = {
bottom: '25%',
left: 'auto',
right: '72%',
+ position: 'absolute',
};
export default CameraClose;
diff --git a/__app/component/Scanner/CameraFacing.js b/__app/component/Scanner/CameraFacing.js
index 5cf2f11..4171cfd 100644
--- a/__app/component/Scanner/CameraFacing.js
+++ b/__app/component/Scanner/CameraFacing.js
@@ -9,6 +9,7 @@ function CameraFacing({
left,
right,
color,
+ position,
}) {
return (
ev.key === 'Enter' && toggleCamera()}
@@ -41,6 +42,7 @@ CameraFacing.defaultProps = {
bottom: '25%',
left: 'auto',
right: '37%',
+ position: 'absolute',
};
export default CameraFacing;
diff --git a/__app/component/Scanner/CameraFlash.js b/__app/component/Scanner/CameraFlash.js
index 8cef961..be69b22 100644
--- a/__app/component/Scanner/CameraFlash.js
+++ b/__app/component/Scanner/CameraFlash.js
@@ -9,6 +9,7 @@ function CameraFlash({
left,
right,
color,
+ position,
}) {
return (
ev.key === 'Enter' && toggleFlash()}
@@ -41,6 +42,7 @@ CameraFlash.defaultProps = {
bottom: '25%',
left: 'auto',
right: '5%',
+ position: 'absolute',
};
export default CameraFlash;
diff --git a/__app/component/Scanner/PhoneGallery.js b/__app/component/Scanner/PhoneGallery.js
index 39d965c..dda3907 100644
--- a/__app/component/Scanner/PhoneGallery.js
+++ b/__app/component/Scanner/PhoneGallery.js
@@ -14,6 +14,7 @@ function PhoneGallery({
left,
right,
color,
+ position,
}) {
const onSelectGalleryImage = async (event) => {
const file = event.target.files[0];
@@ -54,7 +55,7 @@ function PhoneGallery({
right,
zIndex,
color,
- position: 'absolute',
+ position,
}}
>
{children || 'Gallery'}
@@ -93,6 +94,7 @@ PhoneGallery.defaultProps = {
bottom: '18%',
left: 'auto',
right: '64%',
+ position: 'absolute',
};
export default PhoneGallery;