Hover link on blog item

ARK-Builders · Nov 27, 2024 · b02a43c · b02a43c
1 parent d84cdc4
commit b02a43c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/lib/components/elements/AppsCard.svelte b/src/lib/components/elements/AppsCard.svelte
@@ -25,7 +25,7 @@
 			{/if}
 		</div>
 
-		<p class="text-2xl font-bold">{app.title}</p>
+		<a href="{base}/apps/{app.slug}" class="text-2xl font-bold hover:underline">{app.title}</a>
 	</div>
 
 	<img

diff --git a/src/lib/components/elements/BlogItem.svelte b/src/lib/components/elements/BlogItem.svelte
@@ -8,13 +8,15 @@
 <article>
 	<div class="flex flex-col gap-3 rounded-xl bg-arkGray5 p-5">
 		<div class="flex flex-col">
-			<p class="text-2xl font-extrabold">{post.title}</p>
+			<a href="{base}/blog/{post.slug}" class="text-2xl font-extrabold hover:underline"
+				>{post.title}</a
+			>
 			<p class="font-medium text-arkGray4">{post.date}</p>
 		</div>
 
 		<div class="h-full max-h-36 overflow-hidden">
 			{post.summary}
 		</div>
-		<a href="{base}/blog/{post.slug}" class="font-bold text-arkOrange underline">Read</a>
+		<a href="{base}/blog/{post.slug}" class="w-fit font-bold text-arkOrange underline">Read</a>
 	</div>
 </article>
-Original file line number
+Diff line change
@@ Expand Up / @@ -25,7 +25,7 @@ @@
     			{/if}
     		</div>
-    		<p class="text-2xl font-bold">{app.title}</p>
+    		<a href="{base}/apps/{app.slug}" class="text-2xl font-bold hover:underline">{app.title}</a>
     	</div>
     	<img
@@ Expand Down @@