forked from open-webui/open-webui
		
	Merge branch 'main' into main
This commit is contained in:
		
						commit
						09e1e5ac22
					
				
					 3 changed files with 84 additions and 10 deletions
				
			
		
							
								
								
									
										10
									
								
								src/app.css
									
										
									
									
									
								
							
							
						
						
									
										10
									
								
								src/app.css
									
										
									
									
									
								
							|  | @ -14,6 +14,12 @@ html { | |||
| 	word-break: break-word; | ||||
| } | ||||
| 
 | ||||
| code { | ||||
| 	white-space-collapse: preserve !important; | ||||
| 	white-space: nowrap; | ||||
| 	width: auto; | ||||
| } | ||||
| 
 | ||||
| math { | ||||
| 	margin-top: 1rem; | ||||
| } | ||||
|  | @ -31,8 +37,8 @@ math { | |||
| } | ||||
| 
 | ||||
| ::-webkit-scrollbar { | ||||
| 	height: 1rem; | ||||
| 	width: 0.5rem; | ||||
| 	height: 0.45rem; | ||||
| 	width: 0.35rem; | ||||
| } | ||||
| 
 | ||||
| ::-webkit-scrollbar-track { | ||||
|  |  | |||
|  | @ -372,7 +372,7 @@ | |||
| 						{/if} | ||||
| 					</div> | ||||
| 
 | ||||
| 					<div class="w-full"> | ||||
| 					<div class="w-full overflow-hidden"> | ||||
| 						<div class=" self-center font-bold mb-0.5"> | ||||
| 							{#if message.role === 'user'} | ||||
| 								You | ||||
|  |  | |||
|  | @ -42,6 +42,24 @@ | |||
| 		await modelfiles.set($modelfiles.filter((modelfile) => modelfile.tagName != tagName)); | ||||
| 		localStorage.setItem('modelfiles', JSON.stringify($modelfiles)); | ||||
| 	}; | ||||
| 
 | ||||
| 	const shareModelfile = async (modelfile) => { | ||||
| 		toast.success('Redirecting you to OllamaHub'); | ||||
| 
 | ||||
| 		const url = 'https://ollamahub.com'; | ||||
| 
 | ||||
| 		const tab = await window.open(`${url}/create`, '_blank'); | ||||
| 		window.addEventListener( | ||||
| 			'message', | ||||
| 			(event) => { | ||||
| 				if (event.origin !== url) return; | ||||
| 				if (event.data === 'loaded') { | ||||
| 					tab.postMessage(JSON.stringify(modelfile), '*'); | ||||
| 				} | ||||
| 			}, | ||||
| 			false | ||||
| 		); | ||||
| 	}; | ||||
| </script> | ||||
| 
 | ||||
| <div class="min-h-screen w-full flex justify-center dark:text-white"> | ||||
|  | @ -99,24 +117,74 @@ | |||
| 							</div> | ||||
| 						</div> | ||||
| 					</a> | ||||
| 					<div class=" self-center"> | ||||
| 					<div class="flex flex-row space-x-1 self-center"> | ||||
| 						<a | ||||
| 							class=" w-fit text-sm px-3 py-2 border dark:border-gray-600 rounded-xl" | ||||
| 							class="self-center w-fit text-sm px-2 py-2 border dark:border-gray-600 rounded-xl" | ||||
| 							type="button" | ||||
| 							href={`/modelfiles/edit?tag=${modelfile.tagName}`} | ||||
| 						> | ||||
| 							Edit</a | ||||
| 						> | ||||
| 							<svg | ||||
| 								xmlns="http://www.w3.org/2000/svg" | ||||
| 								fill="none" | ||||
| 								viewBox="0 0 24 24" | ||||
| 								stroke-width="1.5" | ||||
| 								stroke="currentColor" | ||||
| 								class="w-4 h-4" | ||||
| 							> | ||||
| 								<path | ||||
| 									stroke-linecap="round" | ||||
| 									stroke-linejoin="round" | ||||
| 									d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L6.832 19.82a4.5 4.5 0 01-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 011.13-1.897L16.863 4.487zm0 0L19.5 7.125" | ||||
| 								/> | ||||
| 							</svg> | ||||
| 						</a> | ||||
| 
 | ||||
| 						<button | ||||
| 							class=" w-fit text-sm px-3 py-2 border dark:border-gray-600 rounded-xl" | ||||
| 							class="self-center w-fit text-sm px-2 py-2 border dark:border-gray-600 rounded-xl" | ||||
| 							type="button" | ||||
| 							on:click={() => { | ||||
| 								shareModelfile(modelfile); | ||||
| 							}} | ||||
| 						> | ||||
| 							<!-- TODO: update to share icon --> | ||||
| 							<svg | ||||
| 								xmlns="http://www.w3.org/2000/svg" | ||||
| 								fill="none" | ||||
| 								viewBox="0 0 24 24" | ||||
| 								stroke-width="1.5" | ||||
| 								stroke="currentColor" | ||||
| 								class="w-4 h-4" | ||||
| 							> | ||||
| 								<path | ||||
| 									stroke-linecap="round" | ||||
| 									stroke-linejoin="round" | ||||
| 									d="M7.217 10.907a2.25 2.25 0 100 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186l9.566-5.314m-9.566 7.5l9.566 5.314m0 0a2.25 2.25 0 103.935 2.186 2.25 2.25 0 00-3.935-2.186zm0-12.814a2.25 2.25 0 103.933-2.185 2.25 2.25 0 00-3.933 2.185z" | ||||
| 								/> | ||||
| 							</svg> | ||||
| 						</button> | ||||
| 
 | ||||
| 						<button | ||||
| 							class="self-center w-fit text-sm px-2 py-2 border dark:border-gray-600 rounded-xl" | ||||
| 							type="button" | ||||
| 							on:click={() => { | ||||
| 								deleteModelfilebyTagName(modelfile.tagName); | ||||
| 							}} | ||||
| 						> | ||||
| 							Delete</button | ||||
| 						> | ||||
| 							<svg | ||||
| 								xmlns="http://www.w3.org/2000/svg" | ||||
| 								fill="none" | ||||
| 								viewBox="0 0 24 24" | ||||
| 								stroke-width="1.5" | ||||
| 								stroke="currentColor" | ||||
| 								class="w-4 h-4" | ||||
| 							> | ||||
| 								<path | ||||
| 									stroke-linecap="round" | ||||
| 									stroke-linejoin="round" | ||||
| 									d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" | ||||
| 								/> | ||||
| 							</svg> | ||||
| 						</button> | ||||
| 					</div> | ||||
| 				</div> | ||||
| 			{/each} | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue
	
	 Timothy Jaeryang Baek
						Timothy Jaeryang Baek