feat: better ui
This commit is contained in:
@@ -8,8 +8,6 @@ const FormContainer = styled(Box)({
|
|||||||
display: 'flex',
|
display: 'flex',
|
||||||
flexDirection: 'column',
|
flexDirection: 'column',
|
||||||
gap: '16px',
|
gap: '16px',
|
||||||
padding: '20px',
|
|
||||||
borderRadius: '8px',
|
|
||||||
});
|
});
|
||||||
|
|
||||||
const FormControl = styled(Box)({
|
const FormControl = styled(Box)({
|
||||||
@@ -85,7 +83,7 @@ const ProxyForm: React.FC = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<FormContainer>
|
<FormContainer>
|
||||||
<form onSubmit={handleSubmit}>
|
<Box component="form" onSubmit={handleSubmit} sx={{ maxWidth: 400, width: '100%' }}>
|
||||||
<Typography variant="subtitle1" gutterBottom style={{ marginBottom: '20px', marginTop: '20px' }}>
|
<Typography variant="subtitle1" gutterBottom style={{ marginBottom: '20px', marginTop: '20px' }}>
|
||||||
Proxy Configuration
|
Proxy Configuration
|
||||||
</Typography>
|
</Typography>
|
||||||
@@ -147,7 +145,7 @@ const ProxyForm: React.FC = () => {
|
|||||||
>
|
>
|
||||||
Add Proxy
|
Add Proxy
|
||||||
</Button>
|
</Button>
|
||||||
</form>
|
</Box>
|
||||||
</FormContainer>
|
</FormContainer>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user