Merge remote-tracking branch 'origin/ereali' into apommier

containers/react/src/pages/QrCode.tsx

@@ -85,7 +85,7 @@ function QrCode () {
 				console.log("registered")
 				// history.push('/login')
 
-				const path = 'http://' + process.env.REACT_APP_BASE_URL + '/'; 
+				const path = 'http://' + process.env.REACT_APP_BASE_URL + '/';
 				window.history.pushState({}, '', path);
 				window.location.reload();
 
@@ -96,7 +96,7 @@ function QrCode () {
 				//alert ?? retry
 			}
 			// redirect('/test')
-		} 
+		}
 		catch(err){
 			 console.log(err)
 		}
@@ -105,7 +105,7 @@ function QrCode () {
 	const handleDesactivate = async () => {
 		try {
 			await api.post("/deleteOtp")
-			// const path = 'http://' + process.env.REACT_APP_BASE_URL + '/'; 
+			// const path = 'http://' + process.env.REACT_APP_BASE_URL + '/';
 			// window.history.pushState({}, '', path);
 			window.location.reload();
 		} catch(err) {
@@ -148,7 +148,7 @@ function QrCode () {
           <h1>Double Auth Validation</h1>
           <input
             onKeyDown={handleKeyPress}
-            type="text"
+            type="number"
             className="qr"
             placeholder="6 Digits Code"
             value={code}
@@ -164,8 +164,8 @@ function QrCode () {
 		<>
 		  <h1>Double Auth</h1>
 		  <input onKeyDown={handleKeyPress}
-		  		type="text" 
-				className="qr" 
+		  		type="text"
+				className="qr"
 				placeholder="6 Digits Code"
 				onChange={(e) => setCode(e.target.value)}
 		  />
@@ -179,4 +179,4 @@ function QrCode () {
     )
 }
 
-export default QrCode
+export default QrCode

containers/react/src/styles/App.css

@@ -5,9 +5,13 @@
   background-color: black;
   height: 100%;
 }
-
+input.qr::-webkit-outer-spin-button,
+input.qr::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
 input.qr{
-  width: 20%;
+  width: auto;
   border-radius: 5px;
   background-color: rgb(0, 0, 0);
   margin : 1%;

containers/react/src/styles/Profile.css

@@ -54,7 +54,7 @@
 
 
 
-  
+
 
 
 
@@ -80,6 +80,7 @@
 	border-radius: 50%;
 	border: thick;
 	border-color: red;
+	margin-left: 10px;
 	/* border-image: linear-gradient(90deg, #5843e4, #5a0760); */
 
 	/* margin-top: 20px; */
@@ -158,4 +159,4 @@
     border: solid 0px #ccc;
     background-color: #000;
 	border-radius: 3%;
-} */
+} */