devops/encoach_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Completed the Login page and updated the overall colors and font

Browse Source
This commit is contained in:
Tiago Ribeiro
2023-06-12 15:21:30 +01:00
parent 9ce45dfc30
commit 72fc98fccd
5 changed files with 16 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/index.tsx
View File

@@ -64,7 +64,7 @@ export default function Home() {
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/favicon.ico" />
</Head>
<main className="w-full h-full min-h-[100vh] flex flex-col items-center justify-center bg-neutral-100 text-black">
<main className="w-full h-full min-h-[100vh] flex flex-col items-center justify-center bg-neutral-100">
<Diagnostic user={user} onFinish={() => setShowDiagnostics(false)} />
</main>
</>
@@ -84,7 +84,7 @@ export default function Home() {
</Head>
<ToastContainer />
{user && (
<main className="w-full h-[100vh] flex flex-col bg-mti-gray-smoke text-black">
<main className="w-full h-[100vh] flex flex-col bg-mti-gray-smoke">
<Navbar user={user} />
<div className="h-full w-full flex py-4 pb-8 gap-2">
<Sidebar path="/" />
@@ -94,8 +94,8 @@ export default function Home() {
<div className="flex flex-col gap-4 py-4 w-full">
<div className="flex justify-between w-full gap-8">
<div className="flex flex-col gap-2 py-2">
<h2 className="font-bold text-3xl">{user.name}</h2>
<span className="font-normal text-2xl text-mti-gray-taupe">{capitalize(user.type)}</span>
<h1 className="font-bold text-4xl">{user.name}</h1>
<h6 className="font-normal text-base text-mti-gray-taupe">{capitalize(user.type)}</h6>
</div>
<ProgressBar
label={`Level ${calculateAverageLevel().toFixed(1)}`}