diff options
| author | Fuwn <[email protected]> | 2024-01-04 09:18:38 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-04 09:18:42 -0800 |
| commit | 2799da6cbbc63a8c146c84e04922869a40687ef7 (patch) | |
| tree | ba2c8a631c5af1fe786763e80287f9bb67171604 /src/routes/tools | |
| parent | refactor(tools): buttons (diff) | |
| download | due.moe-2799da6cbbc63a8c146c84e04922869a40687ef7.tar.xz due.moe-2799da6cbbc63a8c146c84e04922869a40687ef7.zip | |
feat(tools): move all to cards
Diffstat (limited to 'src/routes/tools')
| -rw-r--r-- | src/routes/tools/+page.svelte | 88 |
1 files changed, 45 insertions, 43 deletions
diff --git a/src/routes/tools/+page.svelte b/src/routes/tools/+page.svelte index e677d183..4d2da5cf 100644 --- a/src/routes/tools/+page.svelte +++ b/src/routes/tools/+page.svelte @@ -69,54 +69,56 @@ </select> </blockquote> -{#if !Object.keys(tools).includes(tool)} - <HeadTitle route="Tools" path="/tools" /> +<div class="card"> + {#if !Object.keys(tools).includes(tool)} + <HeadTitle route="Tools" path="/tools" /> - <p>Tool not found.</p> + <p>Tool not found.</p> - <blockquote> - Did you mean "<a - href={`#`} - style={suggestion === '...' ? 'pointer-events: none; color: inherit;' : ''} - on:click={() => (tool = suggestion)} - > - {suggestion === '...' ? '...' : tools[suggestion]}</a - >"? - </blockquote> -{:else} - <HeadTitle route={tools[tool].name} path={`/tools?tool=${tool}`} /> + <blockquote> + Did you mean "<a + href={`#`} + style={suggestion === '...' ? 'pointer-events: none; color: inherit;' : ''} + on:click={() => (tool = suggestion)} + > + {suggestion === '...' ? '...' : tools[suggestion]}</a + >"? + </blockquote> + {:else} + <HeadTitle route={tools[tool].name} path={`/tools?tool=${tool}`} /> - {#if tool === 'default'} - <p>Select a tool to continue.</p> + {#if tool === 'default'} + <p>Select a tool to continue.</p> - <ul> - {#each Object.keys(tools) as t} - {#if t !== 'default'} - <li> - <a href={`#`} on:click={() => (tool = t)}>{tools[t].name}</a> - {#if tools[t].description} - <blockquote>{tools[t].description}</blockquote> - {/if} - </li> - {/if} - {/each} - </ul> + <ul> + {#each Object.keys(tools) as t} + {#if t !== 'default'} + <li> + <a href={`#`} on:click={() => (tool = t)}>{tools[t].name}</a> + {#if tools[t].description} + <blockquote>{tools[t].description}</blockquote> + {/if} + </li> + {/if} + {/each} + </ul> + + <p /> - <p> 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! - </p> - {: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 /> + {: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} {/if} -{/if} +</div> |