Tweak the design

gaia-charge · Jan 30, 2025 · c45cbf6 · c45cbf6
1 parent 9b5649d
commit c45cbf6
Showing 1 changed file with 16 additions and 4 deletions.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -71,7 +71,7 @@
 	<title>App Not Available?</title>
 </svelte:head>
 
-<div class="mx-auto flex min-h-screen w-1/2 flex-col text-center">
+<div class="mx-auto flex min-h-screen w-3/4 flex-col text-center 2xl:w-1/2">
 	<div class="mt-8 flex-grow">
 		<Heading tag="h1" class="mb-4" customSize="text-4xl font-extrabold md:text-5xl lg:text-6xl"
 			>🌐 App Not Available?</Heading
@@ -122,12 +122,24 @@
 							<div class="flex items-center space-x-2">
 								<span class="text-2xl">{region.emoji}</span>
 								<span class="flex w-full items-center justify-between text-xl">
-									{#if searchTerm}
+									{#if searchTerm && Object.hasOwn(searchResults, region.code)}
 										{#if loadingStates[region.code]}
 											<span>{region.name}</span>
 											<svg class="h-5 w-5 animate-spin" viewBox="0 0 24 24">
-												<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" fill="none"/>
-												<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"/>
+												<circle
+													class="opacity-25"
+													cx="12"
+													cy="12"
+													r="10"
+													stroke="currentColor"
+													stroke-width="4"
+													fill="none"
+												/>
+												<path
+													class="opacity-75"
+													fill="currentColor"
+													d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+												/>
 											</svg>
 										{:else if searchResults[region.code]}
 											<a