feat: sidebar styling

src/lib/components/chat/MessageInput.svelte

@@ -371,7 +371,7 @@
 	</div>
 {/if}
 
-<div class="fixed bottom-0 w-full">
+<div class="w-full pt-2 md:pt-0">
 	<div class="px-2.5 pt-2.5 -mb-0.5 mx-auto inset-x-0 bg-transparent flex justify-center">
 		<div class="flex flex-col max-w-3xl w-full">
 			<div>

src/lib/components/chat/Messages/ResponseMessage.svelte

@@ -270,9 +270,7 @@
 				{#if message.model in modelfiles}
 					{modelfiles[message.model]?.title}
 				{:else}
-					Ollama <span class=" text-gray-500 text-sm font-medium"
-						>{message.model ? ` ${message.model}` : ''}</span
-					>
+					{message.model ? ` ${message.model}` : ''}
 				{/if}
 
 				{#if message.timestamp}

src/lib/components/layout/Navbar.svelte

@@ -69,7 +69,7 @@
 <ShareChatModal bind:show={showShareChatModal} {downloadChat} {shareChat} />
 <nav
 	id="nav"
-	class=" fixed py-2.5 top-0 flex flex-row justify-center bg-white/95 dark:bg-gray-900/90 dark:text-gray-200 backdrop-blur-xl w-screen z-30"
+	class=" sticky py-2.5 top-0 flex flex-row justify-center bg-white/95 dark:bg-gray-900/90 dark:text-gray-200 backdrop-blur-xl z-30"
 >
 	<div
 		class=" flex {$settings?.fullScreenMode ?? null

src/lib/components/layout/Sidebar.svelte

@@ -89,7 +89,7 @@
 	bind:this={navElement}
 	class="h-screen {show
 		? ''
-		: '-translate-x-[260px]'}  w-[260px] fixed top-0 left-0 z-40 transition bg-black text-gray-200 shadow-2xl text-sm
+		: '-translate-x-[260px] w-[0px]'}  w-[260px] bg-black text-gray-200 shadow-2xl text-sm transition z-40 fixed top-0 left-0 lg:relative
         "
 >
 	<div class="py-2.5 my-auto flex flex-col justify-between h-screen">

src/routes/(app)/+page.svelte

@@ -440,7 +440,7 @@
 														selectedModelfile.title.charAt(0).toUpperCase() +
 														selectedModelfile.title.slice(1)
 												  }`
-												: `Ollama - ${model}`,
+												: `${model}`,
 											{
 												body: responseMessage.content,
 												icon: selectedModelfile?.imageUrl ?? '/favicon.png'
@@ -789,18 +789,19 @@
 	}}
 />
 
-<Navbar {title} shareEnabled={messages.length > 0} {initNewChat} {tags} {addTag} {deleteTag} />
-<div class="min-h-screen w-full flex justify-center">
-	<div class=" py-2.5 flex flex-col justify-between w-full">
+<div class="min-h-screen w-full flex flex-col">
+	<Navbar {title} shareEnabled={messages.length > 0} {initNewChat} {tags} {addTag} {deleteTag} />
+	<div class="flex flex-col justify-center h-full">
+		<div class=" pb-2.5 flex flex-1 flex-col justify-between w-full overflow-hidden">
 			<div
 				class="{$settings?.fullScreenMode ?? null
 					? 'max-w-full'
-				: 'max-w-2xl md:px-0'} mx-auto w-full px-4 mt-10"
+					: 'max-w-2xl md:px-0'} mx-auto w-full px-4"
 			>
 				<ModelSelector bind:selectedModels disabled={messages.length > 0} />
 			</div>
 
-		<div class=" h-full mt-10 mb-32 w-full flex flex-col">
+			<div class=" h-full mt-10 w-full flex flex-col">
 				<Messages
 					chatId={$chatId}
 					{selectedModels}
@@ -826,4 +827,5 @@
 			{submitPrompt}
 			{stopResponse}
 		/>
+	</div>
 </div>

src/routes/(app)/c/[id]/+page.svelte

@@ -454,7 +454,7 @@
 														selectedModelfile.title.charAt(0).toUpperCase() +
 														selectedModelfile.title.slice(1)
 												  }`
-												: `Ollama - ${model}`,
+												: `${model}`,
 											{
 												body: responseMessage.content,
 												icon: selectedModelfile?.imageUrl ?? '/favicon.png'
@@ -804,6 +804,7 @@
 />
 
 {#if loaded}
+	<div class="min-h-screen w-full flex flex-col">
 		<Navbar
 			{title}
 			shareEnabled={messages.length > 0}
@@ -819,12 +820,12 @@
 			{addTag}
 			{deleteTag}
 		/>
-	<div class="min-h-screen w-full flex justify-center">
-		<div class=" py-2.5 flex flex-col justify-between w-full">
+		<div class="justify-center">
+			<div class=" pb-2.5 flex flex-col justify-between w-full">
 				<div
 					class="{$settings?.fullScreenMode ?? null
 						? 'max-w-full'
-					: 'max-w-2xl md:px-0'} mx-auto w-full px-4 mt-10"
+						: 'max-w-2xl md:px-0'} mx-auto w-full px-4"
 				>
 					<ModelSelector
 						bind:selectedModels
@@ -853,10 +854,12 @@
 				bind:files
 				bind:prompt
 				bind:autoScroll
-			suggestionPrompts={selectedModelfile?.suggestionPrompts ?? $config.default_prompt_suggestions}
+				suggestionPrompts={selectedModelfile?.suggestionPrompts ??
+					$config.default_prompt_suggestions}
 				{messages}
 				{submitPrompt}
 				{stopResponse}
 			/>
 		</div>
+	</div>
 {/if}