From 3fefbb9e20d5289698f62415a91e88bb7c143b28 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Sat, 18 Jan 2025 17:50:03 -0800
Subject: [PATCH] refac

---
 .../app/{AppControls.svelte => AppSidebar.svelte}      | 10 +++++-----
 src/routes/+layout.svelte                              |  5 +++--
 2 files changed, 8 insertions(+), 7 deletions(-)
 rename src/lib/components/app/{AppControls.svelte => AppSidebar.svelte} (80%)

diff --git a/src/lib/components/app/AppControls.svelte b/src/lib/components/app/AppSidebar.svelte
similarity index 80%
rename from src/lib/components/app/AppControls.svelte
rename to src/lib/components/app/AppSidebar.svelte
index 6d3ca1854..828620f94 100644
--- a/src/lib/components/app/AppControls.svelte
+++ b/src/lib/components/app/AppSidebar.svelte
@@ -9,7 +9,7 @@
 	<div class="flex justify-center relative">
 		{#if selected === 'home'}
 			<div class="absolute top-0 left-0 flex h-full">
-				<div class="my-auto rounded-r-lg w-1 h-8 bg-white"></div>
+				<div class="my-auto rounded-r-lg w-1 h-8 bg-black dark:bg-white"></div>
 			</div>
 		{/if}
 
@@ -30,12 +30,12 @@
 		</Tooltip>
 	</div>
 
-	<div class="border-t border-gray-50 dark:border-gray-900 mx-3"></div>
+	<div class=" border-[1.5px] border-gray-100 dark:border-gray-900 mx-4"></div>
 
 	<div class="flex justify-center relative group">
 		{#if selected === ''}
 			<div class="absolute top-0 left-0 flex h-full">
-				<div class="my-auto rounded-r-lg w-1 h-8 bg-white"></div>
+				<div class="my-auto rounded-r-lg w-1 h-8 bg-black dark:bg-white"></div>
 			</div>
 		{/if}
 		<button
@@ -53,9 +53,9 @@
 		</button>
 	</div>
 
-	<div class="flex justify-center relative group text-gray-400">
+	<!-- <div class="flex justify-center relative group text-gray-400">
 		<button class=" cursor-pointer p-2" on:click={() => {}}>
 			<Plus className="size-4" strokeWidth="2" />
 		</button>
-	</div>
+	</div> -->
 </div>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 862e0b077..7697eb1e4 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -43,7 +43,7 @@
 	import { bestMatchingLanguage } from '$lib/utils';
 	import { getAllTags, getChatList } from '$lib/apis/chats';
 	import NotificationToast from '$lib/components/NotificationToast.svelte';
-	import AppControls from '$lib/components/app/AppControls.svelte';
+	import AppSidebar from '$lib/components/app/AppSidebar.svelte';
 
 	setContext('i18n', i18n);
 
@@ -209,6 +209,7 @@
 			if (res) {
 				isApp.set(true);
 				appInfo.set(res);
+				console.log(res);
 			}
 		}
 
@@ -361,7 +362,7 @@
 {#if loaded}
 	{#if $isApp}
 		<div class="flex flex-row h-screen">
-			<AppControls />
+			<AppSidebar />
 
 			<div class="w-full flex-1 max-w-[calc(100%-4.5rem)]">
 				<slot />