a-mayb3/KanbanCloneAngular
1
1
Fork 0
mirror of https://github.com/a-mayb3/KanbanCloneAngular.git synced 2026-03-21 18:05:38 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Made the navbar logo redirect to homepage

Browse source
This commit is contained in:
Marta Borgia Leiva 2026-02-10 11:31:23 +01:00
parent c59090a64a
commit 782f58a4a2
3 changed files with 12 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/app/components/navbar/navbar.component.css
View file

@ -14,6 +14,15 @@
font-weight: 700;
}
.logo-link {
color: inherit;
text-decoration: none;
}
.logo-link:hover {
text-decoration: underline;
}
.user-info {
display: flex;
align-items: center;

2
src/app/components/navbar/navbar.component.html
View file

@ -1,5 +1,5 @@
<header class="header">
<h1>Kanban Board</h1>
<h1><a class="logo-link" routerLink="/">Kanban Board</a></h1>
<div class="user-info">
@if (authService.currentUser()) {
<span class="username">{{ authService.currentUser()?.email }}</span>

3
src/app/components/navbar/navbar.component.ts
View file

@ -1,11 +1,12 @@
import { Component, inject } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterLink } from '@angular/router';
import { AuthService } from '../../services/auth.service';
@Component({
selector: 'app-navbar',
standalone: true,
imports: [CommonModule],
imports: [CommonModule, RouterLink],
templateUrl: './navbar.component.html',
styleUrl: './navbar.component.css'
})