diff --git a/public/index.html b/public/index.html index ad802bc01..ab8c095b9 100755 --- a/public/index.html +++ b/public/index.html @@ -23,7 +23,8 @@ - + + diff --git a/src/modules/loginRegister/LoginRegisterPage.jsx b/src/modules/loginRegister/LoginRegisterPage.jsx index 24f74a455..2eaea2625 100644 --- a/src/modules/loginRegister/LoginRegisterPage.jsx +++ b/src/modules/loginRegister/LoginRegisterPage.jsx @@ -1,4 +1,4 @@ -import React from "react"; +import React, { useEffect } from "react"; import Login from "./Login"; import Register from "./Register"; import ResetPassword from "./ResetPassword"; @@ -9,9 +9,24 @@ import ball from './img/ball.png'; import img1 from './img/img1.png'; import img2 from './img/img2.png'; import '../loginRegister/LoginRegisterPage.scss'; +import { isPhone } from 'educoder'; function LoginRegisterPage(props){ const {mygetHelmetapi} = props; + + useEffect(()=>{ + let initialContent = undefined; + if(isPhone()){ + initialContent = document.querySelector('meta[name="viewport"]').getAttribute('content'); + document.querySelector('meta[name="viewport"]').setAttribute('content','width=device-width, user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0'); + } + return()=>{ + if(isPhone()){ + document.querySelector('meta[name="viewport"]').setAttribute('content', initialContent); + } + } + },[]) + return(