diff options
| author | mat <github@matdoes.dev> | 2022-03-17 14:27:36 -0500 |
|---|---|---|
| committer | mat <github@matdoes.dev> | 2022-03-17 14:27:36 -0500 |
| commit | 557423e887a363d0d1be1dfc6db613f83fd7cec0 (patch) | |
| tree | 08796b7de8bff9a9de1f438c5bb45f2b62d43410 /src/lib/LoginButton.svelte | |
| parent | e6be291bd6787199f644b263c28c6d2c8b9b1d74 (diff) | |
| download | skyblock-stats-557423e887a363d0d1be1dfc6db613f83fd7cec0.tar.gz skyblock-stats-557423e887a363d0d1be1dfc6db613f83fd7cec0.tar.bz2 skyblock-stats-557423e887a363d0d1be1dfc6db613f83fd7cec0.zip | |
add logging in
Diffstat (limited to 'src/lib/LoginButton.svelte')
| -rw-r--r-- | src/lib/LoginButton.svelte | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/src/lib/LoginButton.svelte b/src/lib/LoginButton.svelte new file mode 100644 index 0000000..bba078e --- /dev/null +++ b/src/lib/LoginButton.svelte @@ -0,0 +1,32 @@ +<script lang="ts"> + export let loggedIn: boolean +</script> + +<div class="login-button-container"> + {#if loggedIn} + <a href="/profile"><button class="login-button">Edit profile</button></a> + {:else} + <a href="/login"> + <button class="login-button" + ><img src="/discord-mark-light.svg" alt="Discord logo" />Log in with Discord</button + > + </a> + {/if} +</div> + +<style> + .login-button-container { + position: absolute; + top: 0.5em; + right: 0.5em; + } + .login-button { + color: var(--theme-main-text); + } + img { + height: 1em; + vertical-align: middle; + margin-right: 0.3em; + opacity: 0.9; + } +</style> |