diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/settings/SecurityPage.tsx | 32 |
1 files changed, 30 insertions, 2 deletions
diff --git a/src/components/settings/SecurityPage.tsx b/src/components/settings/SecurityPage.tsx index 9d158dd..6d4ab75 100644 --- a/src/components/settings/SecurityPage.tsx +++ b/src/components/settings/SecurityPage.tsx @@ -4,8 +4,8 @@ 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-[40px] w-[900px] h-[816px]"> + <div className="flex flex-col gap-[20px] w-[900px] "> <div className="flex flex-col flex-start gap-[20px] w-[310px] h-[241px]"> <p className="text-light-violet font-medium"> ЗАДАТЬ ПАРОЛЬ @@ -52,6 +52,34 @@ export default function SecurityPage() { <Button>Сменить</Button> </div> <Separator className="bg-violet/30 h-[1px]" /> + <div className="flex flex-col flex-start gap-[20px] w-[310px] "> + <p className="text-light-violet font-medium"> + СМЕНА ПАРОЛЯ + </p> + <div className="flex flex-col flex-start gap-[10px] w-[310px]"> + <InputField + placeholder="Текущий пароль" + isPassword + 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]" /> + <Button className="w-[310px]">Выйти из аккаунта</Button> </div> </div> |