add, edit page design

parent ec48a63c
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
display: flex; display: flex;
padding: 1rem .5rem; padding: 1rem .5rem;
justify-content: space-between; justify-content: space-between;
min-width: 1440px; /* min-width: 1440px; */
} }
.header_left { .header_left {
......
...@@ -22,7 +22,7 @@ const AddPage: React.FC = () => { ...@@ -22,7 +22,7 @@ const AddPage: React.FC = () => {
name="bin" name="bin"
rules={[{ required: true, message: 'Пожалуйста, введите БИН организации!' }]} rules={[{ required: true, message: 'Пожалуйста, введите БИН организации!' }]}
> >
<Input maxLength={128} placeholder="Максимальная длина: 128 символов" /> <Input maxLength={12} placeholder="Максимальная длина: 12 символов" />
</Item> </Item>
<Item <Item
......
...@@ -22,7 +22,7 @@ const EditPage: React.FC = () => { ...@@ -22,7 +22,7 @@ const EditPage: React.FC = () => {
name="id" name="id"
rules={[{ required: true, message: 'Пожалуйста, введите ID!' }]} rules={[{ required: true, message: 'Пожалуйста, введите ID!' }]}
> >
<Input maxLength={128} placeholder="Максимальная длина: 128 символов" /> <Input maxLength={12} placeholder="Максимальная длина: 12 символов" />
</Item> </Item>
<Item <Item
......
.container { .container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: calc(100vh - 80px); height: calc(100vh - 80px);
padding: 10px 20px; padding: 10px 20px;
overflow: hidden; overflow: hidden;
} }
.form { .form {
margin: 10px 20px 80px; margin-left: 20px;
margin-right: 20px;
margin-top: 10px;
padding-right: 20px;
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
margin-bottom: 80px;
} }
.form-footer { .form-footer {
...@@ -18,17 +21,16 @@ ...@@ -18,17 +21,16 @@
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
background: white;
padding: 10px 20px; padding: 10px 20px;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: center;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
background: white;
} }
.form-footer-item { .form-footer-item {
margin-right: 20px;
padding: 10px; padding: 10px;
margin: auto 0; margin: auto 0;
} }
\ No newline at end of file
.container{ .container{
min-width: 1440px; /* min-width: 1440px; */
margin: 0 auto; margin: 0 auto;
} }
......
.container { .container {
min-width: 1440px; /* min-width: 1440px; */
} }
.filter { .filter {
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment