Updated simple layout component

This commit is contained in:
r-freeman 2023-02-18 22:37:09 +00:00
parent e251cb1bb8
commit 576c071a46

View File

@ -1,6 +1,6 @@
import {ReactNode} from 'react'
import clsx from 'clsx'
import {Container} from '@/components/Container'
import {twMerge} from 'tailwind-merge'
type SimpleLayout = {
title: string
@ -19,9 +19,15 @@ export function SimpleLayout({
<Container className="mt-16 sm:mt-32">
<header className="max-w-2xl">
<h1
className={clsx(gradient
? `${gradient} bg-clip-text dark:text-transparent`
: '', 'text-4xl font-bold tracking-tight text-zinc-800 dark:text-zinc-100 sm:text-5xl')}>
className={twMerge(`
text-4xl
font-bold
tracking-tight
text-zinc-800
dark:text-zinc-100
sm:text-5xl
${gradient ? `${gradient} bg-clip-text dark:text-transparent` : ''}
`)}>
{title}
</h1>
<p className="mt-6 text-base text-zinc-600 dark:text-zinc-400">