r-freeman/portfolio
1
0
Fork 0
mirror of https://github.com/r-freeman/portfolio.git synced 2024-11-22 22:15:42 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Updated simple layout component

Browse Source
This commit is contained in:
r-freeman 2023-02-18 22:37:09 +00:00
parent e251cb1bb8
commit 576c071a46
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/layouts/SimpleLayout.tsx
View File

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