diff options
| author | mat <github@matdoes.dev> | 2022-03-04 18:45:58 +0000 |
|---|---|---|
| committer | mat <github@matdoes.dev> | 2022-03-04 18:45:58 +0000 |
| commit | a8691820aac2e5d1370f467b5b92e792fdc629a7 (patch) | |
| tree | 2cc2938003ef24aab56a65c7c01bcb6426da5d74 | |
| parent | 4b42fd80a907bc3334e440118dc6f346939a0ce0 (diff) | |
| download | skyblock-stats-a8691820aac2e5d1370f467b5b92e792fdc629a7.tar.gz skyblock-stats-a8691820aac2e5d1370f467b5b92e792fdc629a7.tar.bz2 skyblock-stats-a8691820aac2e5d1370f467b5b92e792fdc629a7.zip | |
make the info text for leaderboards better
| -rw-r--r-- | src/routes/leaderboards/[name].svelte | 17 |
1 files changed, 16 insertions, 1 deletions
diff --git a/src/routes/leaderboards/[name].svelte b/src/routes/leaderboards/[name].svelte index 2aec4b3..9163eda 100644 --- a/src/routes/leaderboards/[name].svelte +++ b/src/routes/leaderboards/[name].svelte @@ -42,7 +42,10 @@ {toTitleCase(cleanId(data.name))} </h1> {#if data.info} - <p class="leaderboard-info">{data.info}</p> + <p class="leaderboard-info"> + <span class="leaderboard-info-icon">ⓘ</span> + <span class="leaderboard-info-content">{data.info}</span> + </p> {/if} <ol class="leaderboard-profile-list"> @@ -83,4 +86,16 @@ .leaderboard-profile-player { margin-right: 0.5em; } + + .leaderboard-info { + background-color: var(--theme-lighter-background); + padding: 0.5em 0.7em; + border-radius: 0.5rem; + width: max-content; + + box-shadow: 0 0 1em rgba(0, 0, 0, 0.2); + } + .leaderboard-info-content { + font-style: italic; + } </style> |