diff --git a/src/app/(app)/layout.tsx b/src/app/(app)/layout.tsx index bb721b3..06888ba 100644 --- a/src/app/(app)/layout.tsx +++ b/src/app/(app)/layout.tsx @@ -5,6 +5,7 @@ import { getUserTeams } from '@/services/database/team'; import '@/theme/app.css'; import '@/theme/globals.css'; import { Metadata } from 'next'; +import { Mulish } from 'next/font/google'; import Providers from './providers'; export const dynamic = 'force-dynamic'; @@ -47,6 +48,12 @@ export const metadata: Metadata = { }, }; +const mulish = Mulish({ + subsets: ['latin'], + weight: ['400', '500', '600', '700'], + variable: '--font-mulish', +}); + export default async function RootLayout({ children }: Props) { const session = await getSession(); const teams = session?.user.id @@ -55,7 +62,9 @@ export default async function RootLayout({ children }: Props) { return ( - +
{children} diff --git a/tailwind.config.js b/tailwind.config.js index 4caca15..e973cba 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -9,6 +9,9 @@ module.exports = { xs: '480px', ...defaultTheme.screens, }, + fontFamily: { + mulish: 'var(--font-mulish)', + }, extends: { typography: ({ theme }) => ({ violet: { @@ -47,8 +50,13 @@ module.exports = { '--tw-prose-invert-td-borders': theme('colors.violet[700]'), }, }, - }) - } + }), + }, }, - plugins: [require('@tailwindcss/forms'), require('tailwindcss-animate'), require('@tailwindcss/line-clamp'), require('@tailwindcss/typography')], + plugins: [ + require('@tailwindcss/forms'), + require('tailwindcss-animate'), + require('@tailwindcss/line-clamp'), + require('@tailwindcss/typography'), + ], }; \ No newline at end of file