Skip to content

Commit

Permalink
CSS Changes
Browse files Browse the repository at this point in the history
  • Loading branch information
Varshithvhegde committed Oct 19, 2023
1 parent a1ba0d4 commit 7e1a71b
Show file tree
Hide file tree
Showing 2 changed files with 30 additions and 1 deletion.
27 changes: 27 additions & 0 deletions src/app/navigation/navigation.component.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
/* <mat-toolbar color="primary">
<span>NotePage</span>
<span class="spacer"></span>
<button mat-icon-button matTooltip="Lock the Page">
<mat-icon>lock</mat-icon>
</button>
<button mat-icon-button matTooltip="Share the Link" (click)="sharePage()">
<mat-icon>share</mat-icon>
</button>
</mat-toolbar>
*/

/* Write css for above html code */
/* Path: src/app/navigation/navigation.component.css */
.spacer {
flex: 1 1 auto;
}

.icon-button{
margin-right: 10vh;
}

.title{
margin-left: 10vh;
font-size: 35px;
cursor: pointer;
}
4 changes: 3 additions & 1 deletion src/app/navigation/navigation.component.html
Original file line number Diff line number Diff line change
@@ -1,11 +1,13 @@
<mat-toolbar color="primary">
<span>NotePage</span>
<span class="title">NotePage</span>
<span class="spacer"></span>
<div class="icon-button">
<button mat-icon-button matTooltip="Lock the Page">
<mat-icon>lock</mat-icon>
</button>
<button mat-icon-button matTooltip="Share the Link" (click)="sharePage()">
<mat-icon>share</mat-icon>
</button>
</div>
</mat-toolbar>

0 comments on commit 7e1a71b

Please sign in to comment.