fixed crudPages css bug

src/pages/AuthPage/AuthPage.css → src/pages/AuthPage/AuthPage.module.css

@@ -7,7 +7,7 @@
     
     padding: 24px;
     
-    background-color: rgba(204, 204, 204, 1);
+    background-color: rgba(209, 209, 209, 0.866);
     border-radius: 8px;
 }
 

src/pages/AuthPage/AuthPage.tsx

 import { Input, Typography, Button } from 'antd';
 import React from 'react';
-import './AuthPage.css';
+import styles from './AuthPage.module.css';
 
 const AuthPage: React.FC = () => {
     return (
-        <div className="wrapper">
-            <div className="form">
+        <div className={styles.wrapper}>
+            <div className={styles.form}>
                 <Typography.Title level={5}>Токен</Typography.Title>
                 <Input
                     placeholder="введите токен"
-                    className="input_controller"
+                    className={styles.input_controller}
                 />
-                <Button className="form_btn" type="primary">Войти</Button>
+                <Button className={styles.form_btn} type="primary">Войти</Button>
             </div>
         </div>
     );

src/pages/addPage.tsx

+import React from "react";
+import { Form, Input, Button } from "antd";
+import { useNavigate } from "react-router";
+import "../../src/styles/Home/addPage.css";
+const { Item } = Form;
+const AddPage: React.FC = () => {
+    const navigate = useNavigate();
+    return (
+        <div className="container">
+            <Form
+                layout="vertical"
+                name="organization_form"
+                initialValues={{ remember: true }}
+                className="form-add"
+            >
+
+                <Item
+                    label="БИН организации"
+                    name="bin"
+                    rules={[
+                        { required: true, message: "Пожалуйста, введите БИН организации!" },
+                    ]}
+                >
+
+                    <Input
+                        maxLength={128}
+                        placeholder="Максимальная длина: 128 символов"
+                    />
+                </Item>
+                <Item
+                    label="Код организации"
+                    name="code"
+                    rules={[
+                        { required: true, message: "Пожалуйста, введите код организации!" },
+                    ]}
+                >
+
+                    <Input
+                        maxLength={128}
+                        placeholder="Максимальная длина: 128 символов"
+                    />
+                </Item>
+                <Item
+                    label="Наименование организации"
+                    name="name"
+                    rules={[
+                        {
+                            required: true,
+                            message: "Пожалуйста, введите наименование организации!",
+                        },
+                    ]}
+                >
+
+                    <Input
+                        maxLength={128}
+                        placeholder="Максимальная длина: 128 символов"
+                    />
+                </Item>
+                <Item
+                    label="Адрес системы/хост"
+                    name="address"
+                    rules={[
+                        {
+                            required: true,
+                            message: "Пожалуйста, введите адрес системы/хост!",
+                        },
+                    ]}
+                >
+
+                    <Input
+                        maxLength={128}
+                        placeholder="Максимальная длина: 128 символов"
+                    />
+                </Item>
+                <Item
+                    label="Логин"
+                    name="login"
+                    rules={[{ required: true, message: "Пожалуйста, введите логин!" }]}
+                >
+
+                    <Input
+                        maxLength={128}
+                        placeholder="Максимальная длина: 128 символов"
+                    />
+                </Item>
+                <Item
+                    label="Пароль"
+                    name="password"
+                    rules={[{ required: true, message: "Пожалуйста, введите пароль!" }]}
+                >
+
+                    <Input.Password
+                        maxLength={128}
+                        placeholder="Максимальная длина: 128 символов"
+                    />
+                </Item>
+                <div className="form-footer">
+
+                    <Item style={{ textAlign: "right" }} className="form-footer-item">
+
+                        <Button
+                            type="default"
+                            style={{ marginRight: "8px" }}
+                            onClick={() => navigate("/")}
+                        >
+
+                            Отмена
+                        </Button>
+                        <Button type="primary" htmlType="submit">
+
+                            Сохранить
+                        </Button>
+                    </Item>
+                </div>
+            </Form>
+        </div>
+    );
+};
+export default AddPage;