radex
/
spejstore-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

login: play around with tailwind layout

main
radex 2023-07-14 21:00:57 +02:00
parent 137e028a3f
commit c7925b2316
3 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/layout.tsx
View File

@ -15,7 +15,7 @@ export default function RootLayout({
children: React.ReactNode,
}) {
return (
<html lang="en" suppressHydrationWarning>
<html lang="pl" suppressHydrationWarning>
<body className={inter.className}>
<ThemeProvider attribute="class" defaultTheme="system" enableSystem>
{children}

2
src/app/login/layout.tsx
View File

@ -13,7 +13,7 @@ interface SettingsLayoutProps {
export default function SettingsLayout({ children }: SettingsLayoutProps) {
return (
<>
<div className="flex flex-col space-y-8 lg:flex-row lg:space-x-12 lg:space-y-0 justify-center items-center h-screen">
<div className="flex flex-row space-y-8 lg:space-x-12 lg:space-y-0 justify-center p-3">
<div className="flex-1 lg:max-w-2xl">{children}</div>
</div>
</>

5
src/app/page.tsx
View File

@ -1,4 +1,5 @@
import { ModeToggle } from '@spejstore-ui/components/ModeToggle'
import Link from 'next/link'
import Image from 'next/image'
export default function Home() {
@ -6,9 +7,7 @@ export default function Home() {
<main className="flex min-h-screen flex-col items-center justify-between p-24">
<div className="z-10 w-full max-w-5xl items-center justify-between font-mono text-sm lg:flex">
<p className="fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30">
Get started by editing&nbsp;
<code className="font-mono font-bold">src/app/page.tsx</code>
<Link href="/login">Hello</Link>
</p>
<div className="fixed bottom-0 left-0 flex h-48 w-full items-end justify-center bg-gradient-to-t from-white via-white dark:from-black dark:via-black lg:static lg:h-auto lg:w-auto lg:bg-none">
<a