|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const handleSubmit = (auth) => { | 
|---|
|  |  |  | setLoading(true); | 
|---|
|  |  |  | // js native confirm && root | 
|---|
|  |  |  | login( | 
|---|
|  |  |  | auth, | 
|---|
|  |  |  | location.state ? (location.state).nextPathname : '/' | 
|---|
|  |  |  | 
|---|
|  |  |  | minHeight: '100vh', | 
|---|
|  |  |  | alignItems: 'center', | 
|---|
|  |  |  | justifyContent: 'flex-start', | 
|---|
|  |  |  | background: `url(/login_bg3.jpg)`, | 
|---|
|  |  |  | // justifyContent: 'center', | 
|---|
|  |  |  | background: `url(/login_bg2.jpg)`, | 
|---|
|  |  |  | backgroundRepeat: 'no-repeat', | 
|---|
|  |  |  | backgroundSize: 'cover', | 
|---|
|  |  |  | }} | 
|---|
|  |  |  | 
|---|
|  |  |  | }} | 
|---|
|  |  |  | > | 
|---|
|  |  |  | {LOGIN_BACKGROUND === 'media' && ( | 
|---|
|  |  |  | <source src="/login_bg.mp4" type="video/mp4" /> | 
|---|
|  |  |  | <source src="/login_bg1.mp4" type="video/mp4" /> | 
|---|
|  |  |  | )} | 
|---|
|  |  |  | </video> | 
|---|
|  |  |  | <Card sx={{ minWidth: 300, marginTop: '6em', zIndex: 1 }}> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <Card sx={{ | 
|---|
|  |  |  | minWidth: 300, | 
|---|
|  |  |  | marginTop: '6em', | 
|---|
|  |  |  | zIndex: 1 | 
|---|
|  |  |  | }}> | 
|---|
|  |  |  | <Box | 
|---|
|  |  |  | sx={{ | 
|---|
|  |  |  | margin: '1em', | 
|---|