revamp
This commit is contained in:
+18
-6
@@ -1,25 +1,37 @@
|
||||
import { ReactNode } from 'react';
|
||||
import { DM_Sans, Space_Mono } from 'next/font/google';
|
||||
import { Inter, JetBrains_Mono } from 'next/font/google';
|
||||
import { cn } from '@/lib/utils';
|
||||
import './globals.css';
|
||||
|
||||
const fontHeading = DM_Sans({
|
||||
const fontSans = Inter({
|
||||
subsets: ['latin'],
|
||||
display: 'swap',
|
||||
variable: '--font-heading',
|
||||
variable: '--font-sans',
|
||||
});
|
||||
|
||||
const fontMono = JetBrains_Mono({
|
||||
subsets: ['latin'],
|
||||
display: 'swap',
|
||||
variable: '--font-mono',
|
||||
});
|
||||
|
||||
export const metadata = {
|
||||
title: 'Valgo — Watch how sorting actually works',
|
||||
description: 'An animated, narrated visualizer for nine classic sorting algorithms.',
|
||||
};
|
||||
|
||||
type LayoutProps = {
|
||||
children: ReactNode;
|
||||
};
|
||||
|
||||
export default function Layout({ children }: LayoutProps) {
|
||||
return (
|
||||
<html lang="en">
|
||||
<html lang="en" className="dark">
|
||||
<body
|
||||
className={cn(
|
||||
'antialiased',
|
||||
fontHeading.variable
|
||||
'antialiased font-sans',
|
||||
fontSans.variable,
|
||||
fontMono.variable
|
||||
)}
|
||||
>
|
||||
{children}
|
||||
|
||||
Reference in New Issue
Block a user