Sidenav improvements

This commit is contained in:
2023-02-09 18:01:56 +01:00
parent 723d905632
commit 6597f64e79
2 changed files with 6 additions and 6 deletions

View File

@@ -1,11 +1,11 @@
<div class="d-flex flex-column align-items-center align-items-sm-start px-3 pt-2 text-white min-vh-100">
<div class="align-items-center align-items-sm-start px-3 pt-2 text-white min-vh-100 text-nowrap">
<a href="/" class="d-flex align-items-center pb-3 mb-md-0 me-md-auto text-white text-decoration-none">
<span class="fs-5 d-none d-sm-inline">Cooper, Hillman & Toshi LLP</span>
<span class="fs-5 d-none d-sm-inline">Cooper, Hillman &<br/>Toshi LLP</span>
</a>
<ul class="nav nav-pills flex-column mb-sm-auto mb-0 align-items-center align-items-sm-start" id="menu">
<ul class="nav nav-pills flex-column align-items-sm-start mb-sm-auto mb-0 align-items-center" id="menu">
<li *ngFor="let item of Menu" class="nav-item">
<a href="{{item.link}}" class="nav-link align-middle px-0">
<i-bs [name]="item.icon"></i-bs><span class="ms-1 d-none d-sm-inline">{{item.title}}</span>
<i-bs [name]="item.icon"></i-bs><span class="ms-1 d-none d-sm-inline" [innerHTML]="item.title"></span>
</a>
</li>
</ul>

View File

@@ -22,12 +22,12 @@ export class SidenavComponent {
icon: IconNamesEnum.PeopleFill
},
{
title: "Provision Templates",
title: "Provision&nbsp;Templates",
link: "/templates/provisions",
icon: IconNamesEnum.BlockquoteLeft
},
{
title: "Contracts Templates",
title: "Contracts&nbsp;Templates",
link: "/templates/contracts",
icon: IconNamesEnum.FileCodeFill
},