Qrcode number without arrows

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,7 +5,11 @@
   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%;
   border-radius: 5px;