Better top navigation

2024-10-11 17:19:02 +02:00 · 2024-10-11 17:19:02 +02:00 · 6ada7ddb08
parent d9155dc87d
commit 6ada7ddb08
2 changed files with 10 additions and 7 deletions
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@ -6,12 +6,15 @@ import { RouterOutlet, RouterLink, RouterLinkActive } from '@angular/router';
  standalone: true,
  imports: [RouterOutlet, RouterLink, RouterLinkActive],
  template: `
-    <nav>
-       <a href="/">Home</a>      
-    |  <a href="/quotes">Kursy</a>   
-    |  <a href="/asset-calculator">Kalkulator</a>
-    </nav>    
-    <router-outlet />
+     <nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
+  
+        |  <a class="navbar-brand" href="/quotes">Kursy</a>   
+        |  <a class="navbar-brand" href="/asset-calculator">Kalkulator</a>
+     </nav> 
+     <div class="container justify-content-evently">
+   
+      <router-outlet />
+     </div>
  `,
  styleUrl: './app.component.css'
 })
--- a/src/index.html
+++ b/src/index.html
@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html lang="pl">
 <head>
  <meta charset="utf-8">
  <title>ArtiAngularApp</title>