Better top navigation

This commit is contained in:
Artur 2024-10-11 17:19:02 +02:00
parent d9155dc87d
commit 6ada7ddb08
2 changed files with 10 additions and 7 deletions

View File

@ -6,12 +6,15 @@ import { RouterOutlet, RouterLink, RouterLinkActive } from '@angular/router';
standalone: true, standalone: true,
imports: [RouterOutlet, RouterLink, RouterLinkActive], imports: [RouterOutlet, RouterLink, RouterLinkActive],
template: ` template: `
<nav> <nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
<a href="/">Home</a>
| <a href="/quotes">Kursy</a> | <a class="navbar-brand" href="/quotes">Kursy</a>
| <a href="/asset-calculator">Kalkulator</a> | <a class="navbar-brand" href="/asset-calculator">Kalkulator</a>
</nav> </nav>
<router-outlet /> <div class="container justify-content-evently">
<router-outlet />
</div>
`, `,
styleUrl: './app.component.css' styleUrl: './app.component.css'
}) })

View File

@ -1,5 +1,5 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="pl">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>ArtiAngularApp</title> <title>ArtiAngularApp</title>