fix: AuthForm 50/50
This commit is contained in:
@ -15,19 +15,63 @@ const AuthForm = ({ config, handleInputChange, onLogin }: AuthFormProps) => {
|
|||||||
<TextField
|
<TextField
|
||||||
required
|
required
|
||||||
name="username"
|
name="username"
|
||||||
label="Введите ник"
|
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
value={config.username}
|
value={config.username}
|
||||||
onChange={handleInputChange}
|
onChange={handleInputChange}
|
||||||
|
sx={{
|
||||||
|
// '& .MuiFormLabel-root': {
|
||||||
|
// color: 'white',
|
||||||
|
// },
|
||||||
|
'& .MuiInputBase-input': {
|
||||||
|
color: 'white',
|
||||||
|
},
|
||||||
|
'& .MuiInput-underline:after': {
|
||||||
|
borderBottomColor: '#B2BAC2',
|
||||||
|
},
|
||||||
|
'& .MuiOutlinedInput-root': {
|
||||||
|
'& fieldset': {
|
||||||
|
borderColor: '#E0E3E7',
|
||||||
|
color: 'white',
|
||||||
|
},
|
||||||
|
'&:hover fieldset': {
|
||||||
|
borderColor: '#B2BAC2',
|
||||||
|
},
|
||||||
|
'&.Mui-focused fieldset': {
|
||||||
|
borderColor: '#6F7E8C',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}}
|
||||||
/>
|
/>
|
||||||
<TextField
|
<TextField
|
||||||
required
|
required
|
||||||
type="password"
|
type="password"
|
||||||
name="password"
|
name="password"
|
||||||
label="Введите пароль"
|
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
value={config.password}
|
value={config.password}
|
||||||
onChange={handleInputChange}
|
onChange={handleInputChange}
|
||||||
|
sx={{
|
||||||
|
// '& .MuiFormLabel-root': {
|
||||||
|
// color: 'white',
|
||||||
|
// },
|
||||||
|
'& .MuiInputBase-input': {
|
||||||
|
color: 'white',
|
||||||
|
},
|
||||||
|
'& .MuiInput-underline:after': {
|
||||||
|
borderBottomColor: '#B2BAC2',
|
||||||
|
},
|
||||||
|
'& .MuiOutlinedInput-root': {
|
||||||
|
'& fieldset': {
|
||||||
|
borderColor: '#E0E3E7',
|
||||||
|
color: 'white',
|
||||||
|
},
|
||||||
|
'&:hover fieldset': {
|
||||||
|
borderColor: '#B2BAC2',
|
||||||
|
},
|
||||||
|
'&.Mui-focused fieldset': {
|
||||||
|
borderColor: '#6F7E8C',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}}
|
||||||
/>
|
/>
|
||||||
<Button onClick={onLogin} variant="contained">
|
<Button onClick={onLogin} variant="contained">
|
||||||
Войти
|
Войти
|
||||||
|
@ -103,12 +103,6 @@ const Login = () => {
|
|||||||
handleInputChange={handleInputChange}
|
handleInputChange={handleInputChange}
|
||||||
onLogin={authorization}
|
onLogin={authorization}
|
||||||
/>
|
/>
|
||||||
<MemorySlider
|
|
||||||
memory={config.memory}
|
|
||||||
onChange={(e, value) => {
|
|
||||||
setConfig((prev) => ({ ...prev, memory: value as number }));
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</Box>
|
</Box>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
Reference in New Issue
Block a user