Merge pull request #804 from open-webui/sidebar

feat: sidebar button to anchor

src/lib/components/layout/Sidebar.svelte

@@ -139,11 +139,9 @@
 
 		{#if $user?.role === 'admin'}
 			<div class="px-2.5 flex justify-center mt-0.5">
-				<button
+				<a
 					class="flex-grow flex space-x-3 rounded-md px-3 py-2 hover:bg-gray-900 transition"
-					on:click={async () => {
-						goto('/modelfiles');
-					}}
+					href="/modelfiles"
 				>
 					<div class="self-center">
 						<svg
@@ -165,15 +163,13 @@
 					<div class="flex self-center">
 						<div class=" self-center font-medium text-sm">Modelfiles</div>
 					</div>
-				</button>
+				</a>
 			</div>
 
 			<div class="px-2.5 flex justify-center">
-				<button
+				<a
 					class="flex-grow flex space-x-3 rounded-md px-3 py-2 hover:bg-gray-900 transition"
-					on:click={async () => {
-						goto('/prompts');
-					}}
+					href="/prompts"
 				>
 					<div class="self-center">
 						<svg
@@ -195,15 +191,13 @@
 					<div class="flex self-center">
 						<div class=" self-center font-medium text-sm">Prompts</div>
 					</div>
-				</button>
+				</a>
 			</div>
 
 			<div class="px-2.5 flex justify-center mb-1">
-				<button
+				<a
 					class="flex-grow flex space-x-3 rounded-md px-3 py-2 hover:bg-gray-900 transition"
-					on:click={async () => {
-						goto('/documents');
-					}}
+					href="/documents"
 				>
 					<div class="self-center">
 						<svg
@@ -225,7 +219,7 @@
 					<div class="flex self-center">
 						<div class=" self-center font-medium text-sm">Documents</div>
 					</div>
-				</button>
+				</a>
 			</div>
 		{/if}
 
@@ -360,22 +354,12 @@
 					}
 				}) as chat, i}
 					<div class=" w-full pr-2 relative">
-						<button
+						<a
 							class=" w-full flex justify-between rounded-md px-3 py-2 hover:bg-gray-900 {chat.id ===
 							$chatId
 								? 'bg-gray-900'
 								: ''} transition whitespace-nowrap text-ellipsis"
-							on:click={() => {
-								// goto(`/c/${chat.id}`);
-								if (chat.id !== chatTitleEditId) {
-									chatTitleEditId = null;
-									chatTitle = '';
-								}
-
-								if (chat.id !== $chatId) {
-									loadChat(chat.id);
-								}
-							}}
+							href="/c/{chat.id}"
 						>
 							<div class=" flex self-center flex-1">
 								<div class=" self-center mr-3">
@@ -406,7 +390,7 @@
 									{/if}
 								</div>
 							</div>
-						</button>
+						</a>
 
 						{#if chat.id === $chatId}
 							<div class=" absolute right-[22px] top-[10px]">

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

@@ -296,7 +296,7 @@
 			</div>
 
 			<div class=" my-16">
-				<div class=" text-2xl font-semibold mb-6">Made by OpenWebUI Community</div>
+				<div class=" text-2xl font-semibold mb-3">Made by OpenWebUI Community</div>
 
 				<a
 					class=" flex space-x-4 cursor-pointer w-full mb-3 px-3 py-2"