Style updates

fix navbar to remain sticky, add fade in to layout component, update font to Space Grotesk
This commit is contained in:
Aaron William Po
2023-04-08 02:11:13 -04:00
parent d2821eeec0
commit 80bed9b4dc
7 changed files with 17 additions and 18 deletions

View File

@@ -3,10 +3,9 @@ import useUser from '@/hooks/useUser';
import '@/styles/globals.css';
import type { AppProps } from 'next/app';
import { Roboto } from 'next/font/google';
import { Space_Grotesk } from 'next/font/google';
const roboto = Roboto({
weight: ['100', '300', '400', '500', '700', '900'],
const spaceGrotesk = Space_Grotesk({
subsets: ['latin'],
});
@@ -18,7 +17,7 @@ export default function App({ Component, pageProps }: AppProps) {
<style jsx global>
{`
html {
font-family: ${roboto.style.fontFamily};
font-family: ${spaceGrotesk.style.fontFamily};
}
`}
</style>