diff options
| author | l3wdfut4pwr <l3wdfut4pwr@gmail.com> | 2026-03-19 16:03:55 +0200 |
|---|---|---|
| committer | l3wdfut4pwr <l3wdfut4pwr@gmail.com> | 2026-03-19 16:03:55 +0200 |
| commit | cdc736b4823a3dda97f2b49c04b8ef7321e7a254 (patch) | |
| tree | 7834c10be8864477343f95b034ab1d2c357aa0a7 /src/components/settings/SecurityPage.tsx | |
| parent | 293df20781b8f0ae6fcbabb1a33b3d1752e494c8 (diff) | |
add settings page
Diffstat (limited to 'src/components/settings/SecurityPage.tsx')
| -rw-r--r-- | src/components/settings/SecurityPage.tsx | 60 |
1 files changed, 60 insertions, 0 deletions
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> + </> + ); +} |