diff options
| -rw-r--r-- | src/app/layout.tsx | 5 | ||||
| -rw-r--r-- | src/app/settings/page.tsx | 2 | ||||
| -rw-r--r-- | src/components/settings/SecurityPage.tsx | 32 |
3 files changed, 35 insertions, 4 deletions
diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 80c8afd..b59949f 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -11,7 +11,11 @@ export const metadata: Metadata = { title: 'Artberry', description: 'Happy gooning!', manifest: '/site.webmanifest', + appleWebApp: { + title: 'Artberry', + }, }; + export default function RootLayout({ children, }: Readonly<{ @@ -19,7 +23,6 @@ export default function RootLayout({ }>) { return ( <html lang="en"> - <meta name="apple-mobile-web-app-title" content="Artberry" /> <body className={`${nunito.className} antialiased`}> <div className="min-h-dvh flex flex-col"> <GlobalContextProvider> diff --git a/src/app/settings/page.tsx b/src/app/settings/page.tsx index 7237d57..45caa18 100644 --- a/src/app/settings/page.tsx +++ b/src/app/settings/page.tsx @@ -9,7 +9,7 @@ export default function Settings() { const [tab, setTab] = useState('profile'); return ( - <div className="flex flex-row gap-[250px] w-full max-w-[1500px] h-full"> + <div className="flex flex-row gap-[250px] w-full max-w-[1500px] "> <SettingsMenu tab={tab} setTab={setTab} /> <div className="flex-1"> 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> |