aboutsummaryrefslogtreecommitdiff
path: root/src/routes
diff options
context:
space:
mode:
authormat <github@matdoes.dev>2022-03-04 20:09:22 +0000
committermat <github@matdoes.dev>2022-03-04 20:09:22 +0000
commit517ca0ac61dc66a5a20cfb0468145ef33e2eefe2 (patch)
tree7d6dd4ce44ece34476377b5e0247961946544c2d /src/routes
parenta8691820aac2e5d1370f467b5b92e792fdc629a7 (diff)
downloadskyblock-stats-517ca0ac61dc66a5a20cfb0468145ef33e2eefe2.tar.gz
skyblock-stats-517ca0ac61dc66a5a20cfb0468145ef33e2eefe2.tar.bz2
skyblock-stats-517ca0ac61dc66a5a20cfb0468145ef33e2eefe2.zip
add icons to inventory tabs
Diffstat (limited to 'src/routes')
-rw-r--r--src/routes/index.svelte4
-rw-r--r--src/routes/leaderboards/[name].svelte10
2 files changed, 9 insertions, 5 deletions
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index f98682b..873b71d 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -69,8 +69,8 @@
Minecraft skin APIs: <a href="//mc-heads.net">mc-heads.net</a> for 3d renders and
<a href="//mc-crafatar.com">crafatar.com</a> for 2d heads.
</p>
- <p>Emojis: <a href="https://twemoji.twitter.com/">Twemoji</a></p>
- <p>Font: <a href="https://brailleinstitute.org/freefont">Atkinson Hyperlegible</a></p>
+ <p>Emojis: <a href="//twemoji.twitter.com/">Twemoji</a>.</p>
+ <p>Font: <a href="//brailleinstitute.org/freefont">Atkinson Hyperlegible</a>.</p>
</section>
</main>
diff --git a/src/routes/leaderboards/[name].svelte b/src/routes/leaderboards/[name].svelte
index 9163eda..bed26b2 100644
--- a/src/routes/leaderboards/[name].svelte
+++ b/src/routes/leaderboards/[name].svelte
@@ -44,7 +44,7 @@
{#if data.info}
<p class="leaderboard-info">
<span class="leaderboard-info-icon">ⓘ</span>
- <span class="leaderboard-info-content">{data.info}</span>
+ <span class="leaderboard-info-content">{@html data.info}</span>
</p>
{/if}
@@ -54,7 +54,7 @@
<span>
{formatNumberFromUnit(
leaderboardItem.value,
- leaderboardItem.unit ?? cleanId(data.name).toLowerCase()
+ data.unit ?? cleanId(data.name).toLowerCase()
)}
</span>
{#if leaderboardItem.player}
@@ -91,11 +91,15 @@
background-color: var(--theme-lighter-background);
padding: 0.5em 0.7em;
border-radius: 0.5rem;
- width: max-content;
+ width: fit-content;
box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}
.leaderboard-info-content {
font-style: italic;
}
+
+ .leaderboard-profile-list {
+ width: fit-content;
+ }
</style>