From cdc736b4823a3dda97f2b49c04b8ef7321e7a254 Mon Sep 17 00:00:00 2001
From: l3wdfut4pwr <l3wdfut4pwr@gmail.com>
Date: Thu, 19 Mar 2026 16:03:55 +0200
Subject: add settings page

---
 src/components/settings/SecurityPage.tsx | 60 ++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 src/components/settings/SecurityPage.tsx

(limited to 'src/components/settings/SecurityPage.tsx')

diff --git a/src/components/settings/SecurityPage.tsx b/src/components/settings/SecurityPage.tsx
new file mode 100644
index 0000000..9d158dd
--- /dev/null
+++ b/src/components/settings/SecurityPage.tsx
@@ -0,0 +1,60 @@
+import { InputField } from '@/components/ui/inputfield';
+import { Button } from '@/components/ui';
+import { Separator } from '@/components/ui';
+export default function SecurityPage() {
+    return (
+        <>
+            <div className="flex flex-col flex-start gap-[40px] w-[900px] h-[575px]">
+                <div className="flex flex-col gap-[20px] w-[900px] h-[493px]">
+                    <div className="flex flex-col flex-start gap-[20px] w-[310px] h-[241px]">
+                        <p className="text-light-violet font-medium">
+                            ЗАДАТЬ ПАРОЛЬ
+                        </p>
+                        <div className="flex flex-col flex-start gap-[10px] w-[310px] h-[137px]">
+                            <InputField
+                                placeholder="Почта аккаунта"
+                                type="password"
+                                name="password"
+                            />
+                            <InputField
+                                isPassword
+                                placeholder="Введите пароль"
+                                type="password"
+                                name="password"
+                            />
+                            <InputField
+                                isPassword
+                                placeholder="Повторите пароль"
+                                type="password"
+                                name="password"
+                            />
+                        </div>
+                        <Button>Сменить</Button>
+                    </div>
+                    <Separator className="bg-violet/30 h-[1px]" />
+                    <div className="flex flex-col flex-start gap-[20px] w-[310px] h-[192px]">
+                        <p className="text-light-violet font-medium">
+                            СМЕНА ПОЧТЫ
+                        </p>
+                        <div className="flex flex-col flex-start gap-[10px] w-[310px] h-[137px]">
+                            <InputField
+                                placeholder="Почта аккаунта"
+                                type="password"
+                                name="password"
+                            />
+                            <InputField
+                                isPassword
+                                placeholder="Введите пароль"
+                                type="password"
+                                name="password"
+                            />
+                        </div>
+                        <Button>Сменить</Button>
+                    </div>
+                    <Separator className="bg-violet/30 h-[1px]" />
+                    <Button className="w-[310px]">Выйти из аккаунта</Button>
+                </div>
+            </div>
+        </>
+    );
+}
-- 
cgit v1.3-3-g829e

