zavage-software/skrill-frontend
1
0
Fork 0
mirror of https://git.zavage.net/Zavage-Software/skrill-frontend.git synced 2025-01-18 05:53:07 -07:00
Code Issues Actions Packages Projects Releases Wiki Activity

build: start of sticky header nav and footer bootstrap layout

Browse Source
This commit is contained in:
Mathew Guest 2024-08-04 08:45:39 -06:00
parent f29db81bf6
commit 422f0a5b10
3 changed files with 36 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/app-routing.module.ts
View File

@ -9,8 +9,8 @@ import { ScoutingCryptoComponent } from 'app/scouting-crypto/scouting-crypto.com
const routes: Routes = [ const routes: Routes = [
{ path: '', redirectTo: '/home', pathMatch: 'full' }, { path: '', redirectTo: '/home', pathMatch: 'full' },
{ path: 'home', component: HomeComponent }, { path: 'scouting/stocks', component: HomeComponent },
{ path: 'scout', component: ScoutingCryptoComponent }, { path: 'scouting/crypto', component: ScoutingCryptoComponent },
// { path: '**', component: NotFoundComponent } // { path: '**', component: NotFoundComponent }
]; ];

49
src/app/app.component.html
View File

@ -1,31 +1,48 @@
<!-- Toolbar -->
<header> <header>
<div class="container-fluid"> <!-- Fixed navbar -->
<div class="row"> <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<div class="col"> <div class="container-fluid">
<div class="row">
<h1>$kriLL</h1> <h1>$kriLL</h1>
</div> </div>
</div>
<div class="row"> <div class="row"></div>
<div class="col">
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarCollapse"
aria-controls="navbarCollapse"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<app-main-navigation></app-main-navigation> <app-main-navigation></app-main-navigation>
</div> </div>
</div> </div>
</div> </nav>
</header> </header>
<main> <!-- Begin page content -->
<!-- Page Content --> <main class="flex-shrink-0">
<div class="container"> <div class="container" style="padding-top: 5em">
<router-outlet></router-outlet> <router-outlet></router-outlet>
</div> </div>
</main> </main>
<footer> <footer class="footer mt-auto py-3 bg-light">
<div class="container-fluid"> <div class="container">
Copyright &copy; 2024 Zavage Software Inc., all rights reserved.<br /> <div class="col">
Denver, CO <span class="text-muted"
>Copyright &copy; 2024 Zavage Software Inc., all rights reserved.<br />
Denver, CO</span
>
</div>
<div class="col">
<button class="btn btn-primary" title="Go to top">Go to Top</button>
</div>
</div> </div>
</footer> </footer>

2
src/index.html
View File

@ -11,6 +11,6 @@
</head> </head>
<body> <body>
<!-- reference to app.component.html --> <!-- reference to app.component.html -->
<app-root></app-root> <app-root class="d-flex flex-column h-100"></app-root>
</body> </body>
</html> </html>