36 lines
951 B
HTML
36 lines
951 B
HTML
<div class="h-10 border-b border-border bg-card flex items-center justify-end px-3 gap-2">
|
|
<div class="flex-1"></div>
|
|
@if (user()) {
|
|
<div class="flex items-center gap-2 text-sm">
|
|
<ng-icon
|
|
name="lucideUser"
|
|
class="w-4 h-4 text-muted-foreground"
|
|
/>
|
|
<span class="text-foreground">{{ user()?.displayName }}</span>
|
|
</div>
|
|
} @else {
|
|
<button
|
|
type="button"
|
|
(click)="goto('login')"
|
|
class="px-2 py-1 text-sm rounded bg-secondary hover:bg-secondary/80 flex items-center gap-1"
|
|
>
|
|
<ng-icon
|
|
name="lucideLogIn"
|
|
class="w-4 h-4"
|
|
/>
|
|
Login
|
|
</button>
|
|
<button
|
|
type="button"
|
|
(click)="goto('register')"
|
|
class="px-2 py-1 text-sm rounded bg-primary text-primary-foreground hover:bg-primary/90 flex items-center gap-1"
|
|
>
|
|
<ng-icon
|
|
name="lucideUserPlus"
|
|
class="w-4 h-4"
|
|
/>
|
|
Register
|
|
</button>
|
|
}
|
|
</div>
|