sam/Foxnouns.NET
sam/Foxnouns.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

feat(frontend): start auth pages

Browse source
This commit is contained in:
sam 2024-06-12 03:54:25 +02:00
parent 25540f2de2
commit 2a7bd746aa
Signed by: sam
GPG key ID: B4EF20DDE721CAA1
17 changed files with 217 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

3
Foxnouns.Frontend/src/lib/nav/Dropdown.svelte
View file

@ -1,8 +1,9 @@
<script lang="ts">
let isOpen = false;
export let right = false;
</script>
<div class={"navbar-item has-dropdown" + (isOpen ? " is-active" : "")}>
<div class={"navbar-item has-dropdown" + (isOpen ? " is-active" : "") + (right ? " is-right" : "")}>
<button class="navbar-link" on:click={() => (isOpen = !isOpen)}><slot name="label" /></button>
<div class="navbar-dropdown">
<slot />

10
Foxnouns.Frontend/src/lib/nav/Navbar.svelte
View file

@ -24,7 +24,7 @@
};
</script>
<nav class="navbar is-transparent" aria-label="Main navigation">
<nav class="navbar" aria-label="Main navigation">
<div class="navbar-brand">
<a href="/" class="navbar-item">
<Logo />
@ -49,14 +49,10 @@
<DropdownItem href="/@{user.username}">View profile</DropdownItem>
<DropdownItem href="/settings">Settings</DropdownItem>
<DropdownItem divider />
<DropdownItem href="/logout">Log out</DropdownItem>
<DropdownItem href="/auth/logout">Log out</DropdownItem>
</Dropdown>
{:else}
<Dropdown>
<span slot="label">Not logged in</span>
<DropdownItem href="/login">Log in</DropdownItem>
<DropdownItem href="/register">Sign up</DropdownItem>
</Dropdown>
<a href="/auth/login" class="navbar-item">Log in or sign up</a>
{/if}
<button class="navbar-item" on:click={() => toggleTheme()}>
{#if $themeStore === "dark"}