Fixed login screen

ncpleslie · Mar 24, 2024 · 73e6ac2 · 73e6ac2
1 parent ea99a38
commit 73e6ac2
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 41 deletions.
diff --git a/frontend/index.html b/frontend/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/x-icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Application Tracker</title>
+    <title>Job Down | Application Tracker</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/frontend/src/constants/app.constants.ts b/frontend/src/constants/app.constants.ts
@@ -1,5 +1,5 @@
 export default class AppConstants {
-  public static readonly AppTitle = "Application Tracker";
+  public static readonly AppTitle = "Job Down | Application Tracker";
 
   public static readonly JobStatuses = [
     {

diff --git a/frontend/src/routes/index.tsx b/frontend/src/routes/index.tsx
@@ -1,5 +1,3 @@
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import AppConstants from "@/constants/app.constants";
 import { auth } from "@/constants/firebase";
 import { createFileRoute, useNavigate } from "@tanstack/react-router";
 import { useEffect, useState } from "react";
@@ -60,44 +58,18 @@ function Index() {
   }
 
   return (
-    <div className="flex h-full w-full flex-col items-center justify-center md:min-h-screen">
-      <div className="relative grid h-full min-w-[100vw] flex-col items-start justify-center lg:container md:min-h-screen md:items-center lg:max-w-none  lg:grid-cols-2 lg:px-0">
-        <HeroSection />
-        <div className="flex w-full items-center justify-center">
-          <LoginForm
-            onSubmit={onLoginSubmit}
-            loginError={loginError}
-            loading={loggingIn}
-          />
-        </div>
+    <div className="flex h-full w-full flex-col items-center">
+      <div className="m-8 flex flex-row items-center justify-center gap-8 text-center text-2xl font-bold">
+        <img src="/icon.png" alt="logo" className="h-24 w-24" />
+        <h1 className="text-black">Job Down - Job Application Tracker</h1>
       </div>
-    </div>
-  );
-}
-
-const HeroSection = () => {
-  return (
-    <div className="relative min-w-[100vw] flex-col bg-muted p-10 text-white dark:border-r md:h-full lg:flex lg:min-w-full">
-      <div className="absolute inset-0 bg-zinc-900"></div>
-      <img
-        src="/background.jpg"
-        className="absolute inset-0 hidden h-full object-cover lg:block"
-        alt="Job tracker"
-      />
-      <div className="relative z-20 flex items-center gap-2 text-xl font-medium">
-        <img src="/icon.png" alt="logo" className="h-12 w-12" />
-        <h1 className="text-white lg:text-black">{AppConstants.AppTitle}</h1>
-      </div>
-      <div className="relative z-20 mt-auto">
-        <Card className="hidden backdrop-blur-lg lg:block lg:bg-white/50 lg:text-black">
-          <CardHeader>
-            <CardTitle>Track your jobs</CardTitle>
-          </CardHeader>
-          <CardContent>
-            <p>An easier way to manage your job applications</p>
-          </CardContent>
-        </Card>
+      <div className="flex w-full items-center justify-center p-8 lg:w-[500px]">
+        <LoginForm
+          onSubmit={onLoginSubmit}
+          loginError={loginError}
+          loading={loggingIn}
+        />
       </div>
     </div>
   );
-};
+}