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/app | |
| parent | 293df20781b8f0ae6fcbabb1a33b3d1752e494c8 (diff) | |
add settings page
Diffstat (limited to 'src/app')
| -rw-r--r-- | src/app/globals.css | 2 | ||||
| -rw-r--r-- | src/app/layout.tsx | 12 | ||||
| -rw-r--r-- | src/app/profile/page.tsx | 3 | ||||
| -rw-r--r-- | src/app/settings/page.tsx | 21 |
4 files changed, 32 insertions, 6 deletions
diff --git a/src/app/globals.css b/src/app/globals.css index 2422d8f..5ca3a6b 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -23,6 +23,7 @@ --foreground: #ffffff; --violet: #464199; + --violet-darker: #191635; --light-violet: #8784c9; --dark-indigo: #0d0c1c; --red: #e64c4f; @@ -62,6 +63,7 @@ --color-background: var(--background); --color-foreground: var(--foreground); --color-violet: var(--violet); + --color-violet-darker: var(--violet-darker); --color-light-violet: var(--light-violet); --color-dark-indigo: var(--dark-indigo); --color-red: var(--red); diff --git a/src/app/layout.tsx b/src/app/layout.tsx index e81e45b..1c24fe8 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -20,14 +20,14 @@ export default function RootLayout({ }>) { return ( <html lang="en"> - <body - className={`${nunito.className} antialiased px-37.5 xl:px-10`} - > - <div className="min-h-dvh flex flex-col mx-auto xl:max-w-[1200px] 2xl:max-w-[1500px] "> + <body className={`${nunito.className} antialiased`}> + <div className="min-h-dvh flex flex-col"> <GlobalContextProvider> <Header /> - <main className="mt-[50px] mb-[80px] grow"> - {children} + <main className="mt-[50px] mb-[80px] grow flex justify-center"> + <div className="w-full xl:max-w-[1200px] 2xl:max-w-[1500px]"> + {children} + </div> </main> <Footer /> </GlobalContextProvider> diff --git a/src/app/profile/page.tsx b/src/app/profile/page.tsx new file mode 100644 index 0000000..17e3f62 --- /dev/null +++ b/src/app/profile/page.tsx @@ -0,0 +1,3 @@ +export default function Profile() { + return <></>; +} diff --git a/src/app/settings/page.tsx b/src/app/settings/page.tsx new file mode 100644 index 0000000..7237d57 --- /dev/null +++ b/src/app/settings/page.tsx @@ -0,0 +1,21 @@ +'use client'; + +import { useState } from 'react'; +import SettingsMenu from '@/components/settings/SettingsMenu'; +import SecurityPage from '@/components/settings/SecurityPage'; +import ProfilePage from '@/components/settings/ProfilePage'; + +export default function Settings() { + const [tab, setTab] = useState('profile'); + + return ( + <div className="flex flex-row gap-[250px] w-full max-w-[1500px] h-full"> + <SettingsMenu tab={tab} setTab={setTab} /> + + <div className="flex-1"> + {tab === 'profile' && <ProfilePage />} + {tab === 'security' && <SecurityPage />} + </div> + </div> + ); +} |