datalore/buzzword-bingo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

change: Moved layout to layout.tsx

Browse Source
This commit is contained in:
datalore 2024-02-13 01:21:23 +01:00
parent 72014130bf
commit c27564efa3
2 changed files with 31 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/app/layout.tsx
View File

@ -1,4 +1,5 @@
import type { Metadata } from 'next' import type { Metadata } from 'next'
import ThemeSwitcher from './components/themeswitcher'
import './globals.css' import './globals.css'
export const metadata: Metadata = { export const metadata: Metadata = {
@ -7,13 +8,35 @@ export const metadata: Metadata = {
} }
export default function RootLayout({ export default function RootLayout({
children, children,
}: { }: {
children: React.ReactNode children: React.ReactNode
}) { }) {
return ( return (
<html lang="en" data-theme="dark"> <html lang="en" data-theme="dark">
<body className="bg-base-100 base-content flex flex-col h-screen">{children}</body> <body className="bg-base-100 base-content flex flex-col h-screen">
</html> <div className="navbar bg-neutral text-neutral-content">
) <div className="flex-1">
<span><b className="normal-case text-xl">Buzzword Bingo</b><span className="text-xs ml-1">v{process.env.npm_package_version}</span></span>
</div>
<div className="flex-none">
<ul className="menu menu-horizontal px-1">
<li>
<a href="https://git.datalore.sh/datalore/buzzword-bingo.git" target="_blank">Source Code</a>
</li>
<li>
<details>
<summary>Theme</summary>
<ThemeSwitcher/>
</details>
</li>
</ul>
</div>
</div>
<main className="flex flex-col flex-1">
{children}
</main>
</body>
</html>
);
} }

24
src/app/page.tsx
View File

@ -3,28 +3,6 @@ import ThemeSwitcher from './components/themeswitcher'
export default function Home(){ export default function Home(){
return( return(
<> <BingoController/>
<div className="navbar bg-neutral text-neutral-content">
<div className="flex-1">
<span><b className="normal-case text-xl">Buzzword Bingo</b><span className="text-xs ml-1">v{process.env.npm_package_version}</span></span>
</div>
<div className="flex-none">
<ul className="menu menu-horizontal px-1">
<li>
<a href="https://git.datalore.sh/datalore/buzzword-bingo.git" target="_blank">Source Code</a>
</li>
<li>
<details>
<summary>Theme</summary>
<ThemeSwitcher/>
</details>
</li>
</ul>
</div>
</div>
<main className="flex flex-col flex-1">
<BingoController/>
</main>
</>
); );
} }