better ui on experimental tab on click (#1260)

intuitem · Dec 26, 2024 · 2603ab7 · 2603ab7
1 parent 3dc1d84
commit 2603ab7
Showing 1 changed file with 13 additions and 13 deletions.
diff --git a/frontend/src/lib/components/DataViz/Article.svelte b/frontend/src/lib/components/DataViz/Article.svelte
@@ -10,23 +10,23 @@
 <article
 	class="hover:animate-background rounded-xl bg-gradient-to-r from-green-300 via-blue-500 to-purple-600 p-0.5 shadow-xl transition hover:bg-[length:400%_400%] hover:shadow-sm hover:[animation-duration:_4s]"
 >
-	<div class="rounded-[10px] bg-white p-4 !pt-20 sm:p-6 h-full">
-		<div class="block text-xs text-gray-500 min-h-[2.5rem] flex items-end">{desc}</div>
+	<Anchor href={link}>
+		<div class="rounded-[10px] bg-white p-4 !pt-20 sm:p-6 h-full">
+			<div class="block text-xs text-gray-500 min-h-[2.5rem] flex items-end">{desc}</div>
 
-		<Anchor href={link}>
 			<h3 class="mt-0.5 text-lg font-medium text-gray-900">
 				{title}
 			</h3>
-		</Anchor>
 
-		<div class="mt-4 flex flex-wrap gap-1">
-			{#each tags as tag}
-				<span
-					class="whitespace-nowrap rounded-full bg-purple-100 px-2.5 py-0.5 text-xs text-purple-600"
-				>
-					{tag}
-				</span>
-			{/each}
+			<div class="mt-4 flex flex-wrap gap-1">
+				{#each tags as tag}
+					<span
+						class="whitespace-nowrap rounded-full bg-purple-100 px-2.5 py-0.5 text-xs text-purple-600"
+					>
+						{tag}
+					</span>
+				{/each}
+			</div>
 		</div>
-	</div>
+	</Anchor>
 </article>