diff options
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> |