tvolkmann/travopti
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add share button to side-nav

Browse Source
This commit is contained in:
Patrick Gebhardt 2020-06-25 13:08:24 +02:00
parent 218b508f43
commit 2060eea09f
2 changed files with 27 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/app/app.component.html
View File

@ -4,8 +4,9 @@
</button> </button>
<img alt="Travopti logo" class="title" src="assets/logo.svg"> <img alt="Travopti logo" class="title" src="assets/logo.svg">
</mat-toolbar> </mat-toolbar>
<mat-drawer-container autosize class="drawer"> <mat-drawer-container autosize>
<mat-drawer #drawer [mode]="isMobile?'over':'side'" [opened]="!isMobile"> <mat-drawer #drawer [mode]="isMobile?'over':'side'" [opened]="!isMobile">
<div class="drawer">
<div class="side-nav"> <div class="side-nav">
<a (click)="isMobile&&drawer.close()" mat-button routerLink="home" routerLinkActive="active"> <a (click)="isMobile&&drawer.close()" mat-button routerLink="home" routerLinkActive="active">
<mat-icon>home</mat-icon> <mat-icon>home</mat-icon>
@ -20,6 +21,8 @@
<span>About us</span> <span>About us</span>
</a> </a>
</div> </div>
<a class="feedback" href="mailto:feedback@travopti.de">Feedback</a>
</div>
</mat-drawer> </mat-drawer>
<mat-drawer-content class="content"> <mat-drawer-content class="content">
<div class="router-outlet"> <div class="router-outlet">

13
frontend/src/app/app.component.scss
View File

@ -24,11 +24,14 @@
.drawer { .drawer {
flex: 1 1 auto; flex: 1 1 auto;
.side-nav {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
.side-nav {
flex: 1 1 auto;
display: flex;
flex-direction: column;
min-width: 12.5vw; min-width: 12.5vw;
box-sizing: border-box; box-sizing: border-box;
padding: 1rem 0; padding: 1rem 0;
@ -50,6 +53,12 @@
} }
} }
} }
.feedback {
margin: 1rem;
text-align: center;
color: gray;
}
} }
.content { .content {