From 4ae25847a2c13a703babb90443efe536250d8156 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 4 Jan 2024 17:51:15 -0800
Subject: refactor(tools): better cards

---
 src/routes/tools/+page.svelte | 43 ++++++++++++++++++++++---------------------
 1 file changed, 22 insertions(+), 21 deletions(-)

(limited to 'src/routes')

diff --git a/src/routes/tools/+page.svelte b/src/routes/tools/+page.svelte
index 4d2da5cf..066ccd2f 100644
--- a/src/routes/tools/+page.svelte
+++ b/src/routes/tools/+page.svelte
@@ -69,10 +69,9 @@
 	</select>
 </blockquote>
 
-<div class="card">
-	{#if !Object.keys(tools).includes(tool)}
-		<HeadTitle route="Tools" path="/tools" />
-
+{#if !Object.keys(tools).includes(tool)}
+	<HeadTitle route="Tools" path="/tools" />
+	<div class="card">
 		<p>Tool not found.</p>
 
 		<blockquote>
@@ -84,10 +83,12 @@
 				{suggestion === '...' ? '...' : tools[suggestion]}</a
 			>"?
 		</blockquote>
-	{:else}
-		<HeadTitle route={tools[tool].name} path={`/tools?tool=${tool}`} />
+	</div>
+{:else}
+	<HeadTitle route={tools[tool].name} path={`/tools?tool=${tool}`} />
 
-		{#if tool === 'default'}
+	{#if tool === 'default'}
+		<div class="card">
 			<p>Select a tool to continue.</p>
 
 			<ul>
@@ -107,18 +108,18 @@
 
 			Have any requests for cool tools that you think others might find useful? Send a message to
 			<a href="https://anilist.co/user/fuwn" target="_blank" rel="noopener">@fuwn</a> on AniList!
-		{:else if tool === 'activity_history'}
-			<ActivityHistory user={data.user} />
-		{:else if tool === 'wrapped'}
-			<Wrapped user={data.user} />
-		{:else if tool === 'discussions'}
-			<EpisodeDiscussionCollector />
-		{:else if tool === 'birthdays'}
-			<CharacterBirthdays />
-		{:else if tool === 'sequel_spy'}
-			<SequelSpy user={data.user} />
-		{:else if tool === 'random_follower'}
-			<RandomFollower />
-		{/if}
+		</div>
+	{:else if tool === 'activity_history'}
+		<ActivityHistory user={data.user} />
+	{:else if tool === 'wrapped'}
+		<Wrapped user={data.user} />
+	{:else if tool === 'discussions'}
+		<EpisodeDiscussionCollector />
+	{:else if tool === 'birthdays'}
+		<CharacterBirthdays />
+	{:else if tool === 'sequel_spy'}
+		<SequelSpy user={data.user} />
+	{:else if tool === 'random_follower'}
+		<RandomFollower />
 	{/if}
-</div>
+{/if}
-- 
cgit v1.2.3