mirror of
https://github.com/StepanovPlaton/torrent_frontend.git
synced 2026-04-03 12:20:48 +04:00
Learning about modal in next
This commit is contained in:
3
src/app/@auth/(.)login/page.tsx
Normal file
3
src/app/@auth/(.)login/page.tsx
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
export default function Login() {
|
||||||
|
return <>123</>;
|
||||||
|
}
|
||||||
3
src/app/@auth/[...catchAll]/page.tsx
Normal file
3
src/app/@auth/[...catchAll]/page.tsx
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
export default function CatchAll() {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
3
src/app/@auth/default.ts
Normal file
3
src/app/@auth/default.ts
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
export default function Default() {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
@@ -6,8 +6,10 @@ import { Header } from "@/widgets/header";
|
|||||||
const inter = Inter({ subsets: ["latin"] });
|
const inter = Inter({ subsets: ["latin"] });
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
|
auth,
|
||||||
children,
|
children,
|
||||||
}: Readonly<{
|
}: Readonly<{
|
||||||
|
auth: React.ReactNode;
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}>) {
|
}>) {
|
||||||
return (
|
return (
|
||||||
@@ -15,6 +17,7 @@ export default function RootLayout({
|
|||||||
<html lang="ru" suppressHydrationWarning>
|
<html lang="ru" suppressHydrationWarning>
|
||||||
<body className={inter.className}>
|
<body className={inter.className}>
|
||||||
<ThemeProvider enableSystem={false} defaultTheme="light">
|
<ThemeProvider enableSystem={false} defaultTheme="light">
|
||||||
|
{auth}
|
||||||
<Header />
|
<Header />
|
||||||
<div className="w-full h-full max-w-[var(--app-width)] m-auto">
|
<div className="w-full h-full max-w-[var(--app-width)] m-auto">
|
||||||
{children}
|
{children}
|
||||||
|
|||||||
3
src/app/login/page.tsx
Normal file
3
src/app/login/page.tsx
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
export default function Login() {
|
||||||
|
return <>login page</>;
|
||||||
|
}
|
||||||
@@ -45,10 +45,13 @@ export const Header = () => {
|
|||||||
<div className="flex flex-col items-end">
|
<div className="flex flex-col items-end">
|
||||||
<span className="flex items-center mb-1 ">
|
<span className="flex items-center mb-1 ">
|
||||||
<SchemeSwitch />
|
<SchemeSwitch />
|
||||||
<span className="cursor-pointer flex items-center">
|
<Link
|
||||||
|
href="/login"
|
||||||
|
className="group/login cursor-pointer flex items-center"
|
||||||
|
>
|
||||||
<PersonIcon className="mr-1 h-4 w-4" />
|
<PersonIcon className="mr-1 h-4 w-4" />
|
||||||
Войти
|
<span className="group-hover/login:underline">Войти</span>
|
||||||
</span>
|
</Link>
|
||||||
</span>
|
</span>
|
||||||
<label className="flex flex-col items-start relative w-36">
|
<label className="flex flex-col items-start relative w-36">
|
||||||
<input
|
<input
|
||||||
|
|||||||
Reference in New Issue
Block a user