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

build: style and cleanup a bit better nav menu

Browse Source
This commit is contained in:
Mathew Guest 2024-08-04 06:38:23 -06:00
parent 7d981250ec
commit f29db81bf6
5 changed files with 23 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
documentation/styles/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

18
src/app/dropdown-nav-button/dropdown-nav-button.component.css
View File

@ -0,0 +1,18 @@
.nav-button {
color: #1a1e21;
margin-right: 1em;
}
.dropdown-menu-pane {
background: #141a42;
border: 1px solid #1aafb7;
border-radius: 0.15rem 0.05rem 0.5rem 0.5rem;
}
.dropdown-menu-pane a {
color: #ccc;
}
.dropdown-menu-pane a:hover {
background: #212529;
}

4
src/app/dropdown-nav-button/dropdown-nav-button.component.html
View File

@ -5,8 +5,8 @@
(mouseleave)="onMouseLeave()"
class="d-inline-block"
>
<button class="btn btn-outline-primary" ngbDropdownToggle>{{ buttonLabel }}</button>
<div ngbDropdownMenu>
<button class="btn btn-outline-warning btn-warning nav-button" ngbDropdownToggle>{{ buttonLabel }}</button>
<div ngbDropdownMenu class="dropdown-menu-pane">
<a *ngFor="let item of items" ngbDropdownItem [routerLink]="item.route">
{{ item.label }}
</a>

2
src/app/dropdown-nav-button/dropdown-nav-button.component.ts
View File

@ -21,6 +21,6 @@ export class DropdownNavButtonComponent {
onMouseLeave() {
this.timeout = setTimeout(() => {
this.myDrop.close();
}, 140);
}, 70);
}
}

2
src/app/main-navigation/main-navigation.component.html
View File

@ -21,7 +21,7 @@
<app-dropdown-nav-button
buttonLabel="Trade"
[items]="[
{ label: 'Holdings', route: '/trade/coinbase' },
{ label: 'Coinbase', route: '/trade/coinbase' },
{ label: 'Alerts', route: '/trade/alerts' },
]"
>