|
|
@ -26,10 +26,6 @@ const Login = props => { |
|
|
|
} |
|
|
|
}, [user]) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
<div style={{ |
|
|
|
width: '100%', |
|
|
@ -40,30 +36,24 @@ const Login = props => { |
|
|
|
// position: 'relative', |
|
|
|
}}> |
|
|
|
<video |
|
|
|
id='myVideo' |
|
|
|
autoPlay |
|
|
|
loop |
|
|
|
// controls |
|
|
|
muted |
|
|
|
autoPlay loop muted |
|
|
|
style={{ |
|
|
|
width: 'calc(100% - 512px)', objectFit: "fill", objectPosition: 'left top', height: '100%' |
|
|
|
}} |
|
|
|
poster='/assets/video/priming.jpg' |
|
|
|
src="/assets/video/login_bg.mp4" |
|
|
|
poster='/assets/video/poms.png' |
|
|
|
type="video/mp4" |
|
|
|
preload='auto' |
|
|
|
/> |
|
|
|
{/* <img id="endPoster" src='/assets/video/priming.gif' style={{ |
|
|
|
width: "100%", |
|
|
|
height: '100%', |
|
|
|
objectFit: "cover", |
|
|
|
objectPosition: 'left top', |
|
|
|
position: 'absolute', |
|
|
|
top: 0, |
|
|
|
left: 0, |
|
|
|
zIndex: 5, |
|
|
|
// display: 'none' |
|
|
|
}} /> */} |
|
|
|
{/* <img src='/assets/images/background/loginBackground.gif' style={{ |
|
|
|
width: "100%", |
|
|
|
height: 'calc(100vh - 4px)', |
|
|
|
objectFit: "cover", |
|
|
|
objectPosition: 'left top', |
|
|
|
position: 'absolute', |
|
|
|
top: 0, |
|
|
|
left: 0, |
|
|
|
zIndex: "5" |
|
|
|
}} /> */} |
|
|
|
<div style={{ |
|
|
|
width: 600, |
|
|
|
height: 90, |
|
|
@ -75,7 +65,7 @@ const Login = props => { |
|
|
|
zIndex: 5, |
|
|
|
fontSize: 14, |
|
|
|
color: ' #005ABD', |
|
|
|
display: 'flex', |
|
|
|
display:'flex', |
|
|
|
flexDirection: 'column', |
|
|
|
justifyContent: 'space-between', |
|
|
|
}}> |
|
|
|