AaronPo/the-biergarten-app
1
0
Fork 0
mirror of https://github.com/aaronpo97/the-biergarten-app.git synced 2026-02-16 10:42:08 +00:00
Code Issues Packages Projects 1 Releases Wiki Activity

Style updates

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

7
pages/_app.tsx
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>

6
pages/login/index.tsx
View File

@@ -19,16 +19,16 @@ const LoginPage: NextPage = () => {
</Head>
<div className="flex h-full flex-row">
<div className="hidden h-full flex-col items-center justify-center bg-base-100 lg:flex lg:w-[60%]">
<div className="hidden h-full flex-col items-center justify-center bg-base-100 lg:flex lg:w-[55%]">
<Image
src="https://picsum.photos/1040/1080"
src="https://picsum.photos/5000/5000"
alt="Login Image"
width={4920}
height={4080}
className="h-full w-full object-cover"
/>
</div>
<div className="flex h-full w-full flex-col items-center justify-center bg-base-300 lg:w-[40%]">
<div className="flex h-full w-full flex-col items-center justify-center bg-base-300 lg:w-[45%]">
<div className="w-10/12 space-y-5 sm:w-9/12">
<div className=" flex flex-col items-center space-y-2">
<FaUserCircle className="text-3xl" />