Added some tailwind styling
This commit is contained in:
@@ -23,7 +23,7 @@ export default function RootLayout({
|
|||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}>) {
|
}>) {
|
||||||
return (
|
return (
|
||||||
<html lang="en">
|
<html data-theme = "cerberus" lang="en">
|
||||||
<body
|
<body
|
||||||
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
|
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
|
||||||
suppressHydrationWarning={true}
|
suppressHydrationWarning={true}
|
||||||
|
|||||||
@@ -14,13 +14,13 @@ export default async function Home() {
|
|||||||
if (!session) {
|
if (!session) {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className=" items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
|
<div className="items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
|
||||||
<main className="flex flex-row gap-[32px] row-start-2 items-center sm:items-start">
|
<main className="flex flex-row gap-[32px] row-start-2 items-center sm:items-start">
|
||||||
<a href="/auth/login?screen_hint=signup">
|
<a href="/auth/login?screen_hint=signup">
|
||||||
<button>Sign up</button>
|
<button className="w-16 text-green-600">Sign up</button>
|
||||||
</a>
|
</a>
|
||||||
<a href="/auth/login">
|
<a href="/auth/login">
|
||||||
<button>Log in</button>
|
<button className = "w-16 text-green-600">Log in</button>
|
||||||
</a>
|
</a>
|
||||||
</main>
|
</main>
|
||||||
<h1>fauxcall</h1>
|
<h1>fauxcall</h1>
|
||||||
|
|||||||
Reference in New Issue
Block a user