From 21e8c9955bcd521828383cd6b9f8791440d6a2d2 Mon Sep 17 00:00:00 2001
From: TZGyn <ca538901d@mozmail.com>
Date: Sat, 9 Dec 2023 17:18:33 +0800
Subject: [PATCH] update dashboard layout

---
 frontend/src/lib/components/sidebar.svelte    | 19 +++++++------------
 frontend/src/routes/(app)/+layout.svelte      |  4 ++--
 frontend/src/routes/(app)/links/+page.svelte  |  4 ++--
 .../src/routes/(app)/links/[id]/+page.svelte  |  4 ++--
 .../src/routes/(app)/projects/+page.svelte    |  4 ++--
 .../routes/(app)/projects/[uuid]/+page.svelte |  4 ++--
 6 files changed, 17 insertions(+), 22 deletions(-)

diff --git a/frontend/src/lib/components/sidebar.svelte b/frontend/src/lib/components/sidebar.svelte
index 79b3d83..d77cd4a 100644
--- a/frontend/src/lib/components/sidebar.svelte
+++ b/frontend/src/lib/components/sidebar.svelte
@@ -13,18 +13,20 @@
 
 <div
 	class={cn(
-		'flex h-full min-w-[350px] flex-col justify-between border-r p-4',
+		'flex h-full min-w-[350px] flex-col justify-between border-r',
 		className,
 	)}>
 	<div>
-		<div class="flex items-center justify-between pb-16">
-			<div class="text-xl font-bold">
-				<a href="/">Shortener</a>
+		<div class="flex h-20 items-center justify-between p-4">
+			<div class="flex items-center justify-start gap-4">
+				<UserIcon {email} />
+				{email}
 			</div>
 			<ThemeToggle />
 		</div>
+		<Separator />
 
-		<div class="flex flex-col gap-4">
+		<div class="flex flex-col gap-4 p-4">
 			<Button
 				variant="ghost"
 				href="/links"
@@ -35,11 +37,4 @@
 				class="justify-start text-base ">Projects</Button>
 		</div>
 	</div>
-
-	<div class="flex flex-col gap-4">
-		<Separator />
-		<div class="flex items-center justify-between">
-			<UserIcon {email} />
-		</div>
-	</div>
 </div>
diff --git a/frontend/src/routes/(app)/+layout.svelte b/frontend/src/routes/(app)/+layout.svelte
index 782c5a2..ede72d3 100644
--- a/frontend/src/routes/(app)/+layout.svelte
+++ b/frontend/src/routes/(app)/+layout.svelte
@@ -21,7 +21,7 @@
 	<div
 		class="flex h-full max-h-screen w-full flex-col overflow-hidden">
 		<div
-			class="block w-full border-b bg-background px-4 py-2 lg:hidden">
+			class="bg-background block w-full border-b px-4 py-2 lg:hidden">
 			<Sheet.Root bind:open={sheetOpen}>
 				<Sheet.Trigger asChild let:builder>
 					<Button builders={[builder]} variant="ghost" class="p-2">
@@ -58,7 +58,7 @@
 				</Sheet.Content>
 			</Sheet.Root>
 		</div>
-		<div class="flex h-full w-full flex-col overflow-hidden p-4">
+		<div class="flex h-full w-full flex-col overflow-hidden">
 			<slot />
 		</div>
 	</div>
diff --git a/frontend/src/routes/(app)/links/+page.svelte b/frontend/src/routes/(app)/links/+page.svelte
index f4a1838..4776be3 100644
--- a/frontend/src/routes/(app)/links/+page.svelte
+++ b/frontend/src/routes/(app)/links/+page.svelte
@@ -78,8 +78,8 @@
 	}
 </script>
 
-<div class="flex justify-between p-8">
-	<div class="text-4xl font-bold">Links</div>
+<div class="flex h-20 items-center justify-between p-4">
+	<div class="text-3xl font-bold">Links</div>
 	<Dialog.Root bind:open={dialogOpen}>
 		<Dialog.Trigger
 			class={buttonVariants({ variant: 'default' }) + 'flex gap-2'}>
diff --git a/frontend/src/routes/(app)/links/[id]/+page.svelte b/frontend/src/routes/(app)/links/[id]/+page.svelte
index acbb0b0..da94c0e 100644
--- a/frontend/src/routes/(app)/links/[id]/+page.svelte
+++ b/frontend/src/routes/(app)/links/[id]/+page.svelte
@@ -97,8 +97,8 @@
 	})
 </script>
 
-<div class="flex justify-between p-8">
-	<div class="text-4xl font-bold">{data.shortener.link}</div>
+<div class="flex h-20 items-center justify-between p-4">
+	<div class="text-3xl font-bold">{data.shortener.link}</div>
 </div>
 <Separator />
 
diff --git a/frontend/src/routes/(app)/projects/+page.svelte b/frontend/src/routes/(app)/projects/+page.svelte
index ccc4144..5926950 100644
--- a/frontend/src/routes/(app)/projects/+page.svelte
+++ b/frontend/src/routes/(app)/projects/+page.svelte
@@ -42,8 +42,8 @@
 	}
 </script>
 
-<div class="flex justify-between p-8">
-	<div class="text-4xl font-bold">Projects</div>
+<div class="flex h-20 items-center justify-between p-4">
+	<div class="text-3xl font-bold">Projects</div>
 	<Dialog.Root bind:open={dialogOpen}>
 		<Dialog.Trigger
 			class={buttonVariants({ variant: 'default' }) + 'flex gap-2'}>
diff --git a/frontend/src/routes/(app)/projects/[uuid]/+page.svelte b/frontend/src/routes/(app)/projects/[uuid]/+page.svelte
index f4a1838..4776be3 100644
--- a/frontend/src/routes/(app)/projects/[uuid]/+page.svelte
+++ b/frontend/src/routes/(app)/projects/[uuid]/+page.svelte
@@ -78,8 +78,8 @@
 	}
 </script>
 
-<div class="flex justify-between p-8">
-	<div class="text-4xl font-bold">Links</div>
+<div class="flex h-20 items-center justify-between p-4">
+	<div class="text-3xl font-bold">Links</div>
 	<Dialog.Root bind:open={dialogOpen}>
 		<Dialog.Trigger
 			class={buttonVariants({ variant: 'default' }) + 'flex gap-2'}>