update sidebar size and login card

jinleevv · May 20, 2024 · 003f81e · 003f81e
1 parent af68f30
commit 003f81e
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 7 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -3,7 +3,6 @@ import Main from "./pages/main";
 import { SignUp } from "./pages/authentication/SignUp";
 import { Login } from "./pages/authentication/login";
 import AuthRoute from "./components/AuthRoute";
-import Navbar from "./feature/Navbar";
 interface RouteProps {
   path: string;
   page: JSX.Element;

diff --git a/src/feature/Footer.tsx b/src/feature/Footer.tsx
@@ -16,7 +16,7 @@ export const Footer = () => {
       <footer>
         <div className="px-8 py-6 flex justify-between">
           <Button variant="ghost" size="icon">
-            <a href="/login">
+            <a href="/login"> 
               <LogIn className="h-5 w-5" />
             </a>
           </Button>

diff --git a/src/feature/Navbar.tsx b/src/feature/Navbar.tsx
@@ -3,7 +3,7 @@ import { Footer } from "./Footer";
 
 const Navbar = () => {
   return (
-    <div className="h-screen flex flex-col justify-between">
+    <div className="h-screen w-3/12 flex flex-col justify-between">
       <nav className="py-4 items-center h-5/6">
         <div className="px-10 pt-4 flex justify-center">
           <h1 className="font-semibold text-black text-xl">WanderPlan</h1>

diff --git a/src/pages/authentication/login.tsx b/src/pages/authentication/login.tsx
@@ -63,11 +63,11 @@ export const Login = () => {
   };
 
   return (
-    <div className="flex">
+    <div className="flex w-full">
       <Navbar />
       <div className="h-screen border-r"></div>
-      <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
-        <Card className="w-[350px]">
+      <div className="flex w-full justify-center">
+        <Card className="h-2/5 w-1/3 m-auto">
           <CardHeader className="items-center pb-4">
             <CardTitle className="mb-1">Log In</CardTitle>
             <CardDescription>

diff --git a/src/pages/main.tsx b/src/pages/main.tsx
@@ -5,7 +5,6 @@ function Main() {
   return (
     <div className="flex w-full">
       <Navbar />
-
       <div className="h-screen border-r"></div>
       <div className="w-full">
         <Home />