added position attribute

opensrc0 · Mar 5, 2024 · 38bab9a · 38bab9a
1 parent b6debdb
commit 38bab9a
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 4 deletions.
diff --git a/__app/component/Scanner/CameraClose.js b/__app/component/Scanner/CameraClose.js
@@ -9,6 +9,7 @@ function CameraClose({
   left,
   right,
   color,
+  position,
 }) {
   return (
     <div
@@ -19,7 +20,7 @@ function CameraClose({
         right,
         zIndex,
         color,
-        position: 'absolute',
+        position,
       }}
       onClick={onClose}
       onKeyDown={(ev) => 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
@@ -9,6 +9,7 @@ function CameraFacing({
   left,
   right,
   color,
+  position,
 }) {
   return (
     <div
@@ -19,7 +20,7 @@ function CameraFacing({
         right,
         zIndex,
         color,
-        position: 'absolute',
+        position,
       }}
       onClick={toggleCamera}
       onKeyDown={(ev) => 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
@@ -9,6 +9,7 @@ function CameraFlash({
   left,
   right,
   color,
+  position,
 }) {
   return (
     <div
@@ -19,7 +20,7 @@ function CameraFlash({
         right,
         zIndex,
         color,
-        position: 'absolute',
+        position,
       }}
       onClick={toggleFlash}
       onKeyDown={(ev) => 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
@@ -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;