From db8b3d29da3df7f16c4d23647ec3cfaafde2c9d1 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Sun, 19 Jan 2025 11:48:05 -0800
Subject: [PATCH] refac: app styling

---
 src/lib/components/app/AppSidebar.svelte | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/app/AppSidebar.svelte b/src/lib/components/app/AppSidebar.svelte
index 828620f94..458d710ff 100644
--- a/src/lib/components/app/AppSidebar.svelte
+++ b/src/lib/components/app/AppSidebar.svelte
@@ -5,7 +5,7 @@
 	let selected = '';
 </script>
 
-<div class="min-w-[4.5rem] bg-gray-50 dark:bg-gray-950 flex gap-2.5 flex-col pt-9">
+<div class="min-w-[4.5rem] bg-gray-50 dark:bg-gray-950 flex gap-2.5 flex-col pt-8">
 	<div class="flex justify-center relative">
 		{#if selected === 'home'}
 			<div class="absolute top-0 left-0 flex h-full">
@@ -18,11 +18,15 @@
 				class=" cursor-pointer {selected === 'home' ? 'rounded-2xl' : 'rounded-full'}"
 				on:click={() => {
 					selected = 'home';
+
+					if (window.electronAPI) {
+						window.electronAPI.load('home');
+					}
 				}}
 			>
 				<img
 					src="/static/splash.png"
-					class="size-11 dark:invert p-1"
+					class="size-11 dark:invert p-0.5"
 					alt="logo"
 					draggable="false"
 				/>
@@ -30,7 +34,7 @@
 		</Tooltip>
 	</div>
 
-	<div class=" border-[1.5px] border-gray-100 dark:border-gray-900 mx-4"></div>
+	<div class=" -mt-1 border-[1.5px] border-gray-100 dark:border-gray-900 mx-4"></div>
 
 	<div class="flex justify-center relative group">
 		{#if selected === ''}