Files
payload/examples/custom-server/src/app/layout.tsx
2023-07-06 16:36:22 -04:00

37 lines
1.1 KiB
TypeScript

import React from 'react'
import Link from 'next/link'
import './app.scss'
import classes from './layout.module.scss'
export const metadata = {
title: 'Payload Custom Server',
description: 'Serve Payload alongside any front-end framework.',
}
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<body className={classes.body}>
<header className={classes.header}>
<Link href="https://payloadcms.com" target="_blank" rel="noopener noreferrer">
<picture>
<source
media="(prefers-color-scheme: dark)"
srcSet="https://raw.githubusercontent.com/payloadcms/payload/master/src/admin/assets/images/payload-logo-light.svg"
/>
<img
className={classes.logo}
alt="Payload Logo"
src="https://raw.githubusercontent.com/payloadcms/payload/master/src/admin/assets/images/payload-logo-dark.svg"
/>
</picture>
</Link>
</header>
{children}
</body>
</html>
)
}