From 1b9b15200a33f5ad5488efc9d967956206d68e7d Mon Sep 17 00:00:00 2001
From: TZGyn <ca538901d@mozmail.com>
Date: Sun, 7 Jan 2024 21:47:47 +0800
Subject: [PATCH] update header on root and projects page

---
 frontend/src/routes/(app)/+page.svelte          | 13 ++++++-------
 frontend/src/routes/(app)/projects/+page.svelte |  2 +-
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/frontend/src/routes/(app)/+page.svelte b/frontend/src/routes/(app)/+page.svelte
index 271b15d..8db66a5 100644
--- a/frontend/src/routes/(app)/+page.svelte
+++ b/frontend/src/routes/(app)/+page.svelte
@@ -2,19 +2,18 @@
 	import type { PageData } from './$types'
 	import * as Card from '$lib/components/ui/card'
 	import { Button } from '$lib/components/ui/button'
+	import { Separator } from '$lib/components/ui/separator'
 	import { BarChart } from 'lucide-svelte'
 
 	export let data: PageData
 </script>
 
+<div class="flex min-h-[80px] items-center justify-between p-4">
+	<div class="text-3xl font-bold">Dashboard</div>
+</div>
+<Separator />
+
 <div class="flex flex-wrap gap-4 p-4">
-	<div class="w-full">
-		<h1 class="text-xl">Welcome to SvelteKit</h1>
-		<p>
-			Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read
-			the documentation
-		</p>
-	</div>
 	<Card.Root class="w-[500px]">
 		<Card.Header>
 			<Card.Title>Projects</Card.Title>
diff --git a/frontend/src/routes/(app)/projects/+page.svelte b/frontend/src/routes/(app)/projects/+page.svelte
index 3513f90..e0f9403 100644
--- a/frontend/src/routes/(app)/projects/+page.svelte
+++ b/frontend/src/routes/(app)/projects/+page.svelte
@@ -42,7 +42,7 @@
 	}
 </script>
 
-<div class="flex h-20 items-center justify-between p-4">
+<div class="flex min-h-[80px] items-center justify-between p-4">
 	<div class="text-3xl font-bold">Projects</div>
 	<Dialog.Root bind:open={dialogOpen}>
 		<Dialog.Trigger