|  |  | 
 |  |  |  | 
 |  |  |     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_bg1.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', |