Merge pull request #249 from ollama-webui/overlay-message

fix: better error message for connection issue

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

@@ -236,18 +236,20 @@
 				<div
 					class="absolute rounded-xl w-full h-full backdrop-blur bg-gray-900/60 flex justify-center"
 				>
-					<div class="m-auto pb-44">
+					<div class="m-auto pb-44 flex flex-col justify-center">
+						<div class="max-w-md">
 							<div class="text-center dark:text-white text-2xl font-medium z-50">
-							Ollama Update Required
+								Connection Issue or Update Needed
 							</div>
 
-						<div class=" mt-4 text-center max-w-md text-sm dark:text-gray-200">
+							<div class=" mt-4 text-center text-sm dark:text-gray-200 w-full">
 								Oops! It seems like your Ollama needs a little attention. <br
 									class=" hidden sm:flex"
-							/>
-							We encountered a connection issue or noticed that you're running an outdated version. Please
-							update to
-							<span class=" dark:text-white font-medium">{requiredOllamaVersion} or above</span>.
+								/>We've detected either a connection hiccup or observed that you're using an older
+								version. Ensure you're on the latest Ollama version
+								<br class=" hidden sm:flex" />(version
+								<span class=" dark:text-white font-medium">{requiredOllamaVersion} or higher</span>)
+								or check your connection.
 							</div>
 
 							<div class=" mt-6 mx-auto relative group w-fit">
@@ -270,6 +272,7 @@
 						</div>
 					</div>
 				</div>
+			</div>
 		{/if}
 
 		<div