Update main page
This commit is contained in:
@@ -76,6 +76,13 @@ body {
|
|||||||
--sidebar-border: 240 3.7% 15.9%;
|
--sidebar-border: 240 3.7% 15.9%;
|
||||||
--sidebar-ring: 217.2 91.2% 59.8%;
|
--sidebar-ring: 217.2 91.2% 59.8%;
|
||||||
}
|
}
|
||||||
|
.centered-content {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
height: 100vh;
|
||||||
|
width: 100vw;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@layer base {
|
@layer base {
|
||||||
|
|||||||
21
src/app/layout.tsx
Normal file
21
src/app/layout.tsx
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
import { ClerkProvider } from '@clerk/nextjs'
|
||||||
|
import './globals.css'
|
||||||
|
import { HTMLAttributes } from 'react';
|
||||||
|
|
||||||
|
export default function RootLayout({
|
||||||
|
children,
|
||||||
|
style
|
||||||
|
}: {
|
||||||
|
children: React.ReactNode;
|
||||||
|
style?: HTMLAttributes<HTMLDivElement>['style'];
|
||||||
|
}) {
|
||||||
|
return (
|
||||||
|
<ClerkProvider>
|
||||||
|
<html lang="en" style={style}>
|
||||||
|
<body className="centered-content">
|
||||||
|
{children}
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
</ClerkProvider>
|
||||||
|
)
|
||||||
|
}
|
||||||
13
src/app/page.tsx
Normal file
13
src/app/page.tsx
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
import RootLayout from './layout'
|
||||||
|
import SignupPage from './signup/page'
|
||||||
|
|
||||||
|
export default function Home() {
|
||||||
|
return (
|
||||||
|
<RootLayout>
|
||||||
|
<div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100vh' }}>
|
||||||
|
<h1 style={{ fontSize: 64, marginBottom: 20 }}>Welcome to Hoya</h1>
|
||||||
|
<SignupPage />
|
||||||
|
</div>
|
||||||
|
</RootLayout>
|
||||||
|
)
|
||||||
|
}
|
||||||
14
src/app/signup/page.tsx
Normal file
14
src/app/signup/page.tsx
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
import {
|
||||||
|
SignInButton,
|
||||||
|
SignedIn,
|
||||||
|
SignedOut,
|
||||||
|
UserButton
|
||||||
|
} from '@clerk/nextjs'
|
||||||
|
|
||||||
|
export default function SignupPage() {
|
||||||
|
return (
|
||||||
|
<SignedOut>
|
||||||
|
<SignInButton />
|
||||||
|
</SignedOut>
|
||||||
|
)
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user