blob: 7ebf5d7ebd60c89105041b007e04d7971396782b (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
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" rel="external">
<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>
|
