Some visual orders

This commit is contained in:
Artur 2024-10-11 17:32:03 +02:00
parent 6ada7ddb08
commit 582dca7bc9
5 changed files with 10 additions and 32 deletions

View File

@ -1,5 +1,7 @@
<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>
<h1>Kursy </h1>
<!-- The routed views render in the <router-outlet>-->
<router-outlet />
<router-outlet />
`

View File

@ -5,17 +5,7 @@ import { RouterOutlet, RouterLink, RouterLinkActive } from '@angular/router';
selector: 'app-root',
standalone: true,
imports: [RouterOutlet, RouterLink, RouterLinkActive],
template: `
<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>
`,
templateUrl: './app.component.html',
styleUrl: './app.component.css'
})
export class AppComponent {

View File

@ -1,4 +1,4 @@
<div class="container">
<div class="container mt-5">
<h1 class="heading">Kalkulator amortyzacyjny</h1>
<div class="form-group">
<form [formGroup]="assetsDepreciationForm">

View File

@ -1,20 +1,6 @@
<div class="container-fluid">
<div class="card-header">
<ul class="nav nav-tabs card-header-tabs">
<li class="nav-item">
<a class="nav-link active" aria-current="true" href="/quotes">Obecne notowania</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/asset-calculator">Kalkulator amortyzacyjny</a>
</li>
</ul>
</div>
<div class="row justify-content-evenly">
<div class="row m-5 justify-content-evenly">
@for (symbol of symbols; track $index ){
<div class="col" >
<commodity symbol="{{symbol}}" ></commodity>

View File

@ -2,7 +2,7 @@
<html lang="pl">
<head>
<meta charset="utf-8">
<title>ArtiAngularApp</title>
<title>My page</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">