refac

src/lib/components/app/AppControls.svelte → 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>

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 />