fixed pages

parent 3bc14802
...@@ -14,7 +14,7 @@ const AddPage: React.FC = () => { ...@@ -14,7 +14,7 @@ const AddPage: React.FC = () => {
layout="vertical" layout="vertical"
name="organization_form" name="organization_form"
initialValues={{ remember: true }} initialValues={{ remember: true }}
className='form' className='form-1'
> >
<Item <Item
label="БИН организации" label="БИН организации"
...@@ -64,8 +64,8 @@ const AddPage: React.FC = () => { ...@@ -64,8 +64,8 @@ const AddPage: React.FC = () => {
<Input.Password maxLength={128} placeholder="Максимальная длина: 128 символов" /> <Input.Password maxLength={128} placeholder="Максимальная длина: 128 символов" />
</Item> </Item>
<div className='form-footer'> <div className='form-footer-1'>
<Item style={{ textAlign: 'right' }}> <Item style={{ textAlign: 'right' }} className='form-footer-item'>
<Button type="default" style={{ marginRight: '8px' }} <Button type="default" style={{ marginRight: '8px' }}
onClick={() => navigate("/")}> onClick={() => navigate("/")}>
Отмена Отмена
......
.container { .container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: calc(100vh - 80px); min-height: calc(100vh - 80px);
/* Adjust based on your header height */
padding: 10px 20px; padding: 10px 20px;
overflow: hidden; overflow: hidden;
/* Ensure no scrolling on the container */
} }
.form { .form-1 {
flex: 1; flex: 1;
overflow-y: auto;
padding-bottom: 80px; padding-bottom: 80px;
/* Space for the footer */
margin-left: 20px; margin-left: 20px;
/* Add left margin */
} }
.form-footer { .form-footer-1 {
position: fixed; position: fixed;
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); box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
} }
\ No newline at end of file
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